Question

我试图显示一个城市的图像，给出它的纬度/经度。

我使用的是panoramio＆＃39; javascript api，但是，我没有看到任何输出。 Chrome控制台上没有错误。

以下是来源：

<head>
  <title>My page</title>
  <meta name="description" content="This is my page." />
  <script type="text/javascript" src="http://www.panoramio.com/wapi/wapi.js?v=1" />
  <script type="text/javascript">
  var myRequest = new panoramio.PhotoRequest({
      'rect': {'sw': {'lat': -30, 'lng': 10.5}, 'ne': {'lat': 50.5, 'lng': 30}}
    });
  var myOptions = {
          'width': 300,
          'height': 200
        };
  var widget = new panoramio.PhotoWidget('wapiblock', myRequest, myOptions);
  widget.setPosition(0);
  </script>
</head>
<body>

<div id="wapiblock"></div>

</body>

显示同样问题的jsfiddle：

Answer 1

问题很简单，关闭</script>标签。你不能缩短它。始终以完整格式关闭所有代码，<img />，<br />和<meta />除外。

<强>错误：

<script src="http://www.panoramio.com/wapi/wapi.js?v=1" />

从右：

<script src="http://www.panoramio.com/wapi/wapi.js?v=1"></script>

工作示例：http://jsfiddle.net/AMy9j/1/

Answer 2

小组件在合成模式下不显示。它将在发布后显示。

example of widget is here

 <div dir="ltr" style="text-align: center;" trbidi="on">

    <script src="https://ssl.panoramio.com/wapi/wapi.js?v=1&amp;hl=en"></script>



    <div id="wapiblock" style="float: right; margin: 10px 15px"></div>


    <script type="text/javascript">

    var myRequest = {
      'tag': 'kahna',
      'rect': {'sw': {'lat': -30, 'lng': 10.5}, 'ne': {'lat': 50.5, 'lng': 30}}
    };

      var myOptions = {
      'width': 300,
      'height': 200
    };
    var wapiblock = document.getElementById('wapiblock');

      var photo_widget = new panoramio.PhotoWidget('wapiblock', myRequest, myOptions);

      photo_widget.setPosition(0);

    </script>

    </div>

为什么图像不会出现使用panoramio javascript api

2 个答案: