1

鉴于其纬度/经度,我正在尝试显示一堆城市的图像。

我正在使用 panoramio 的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 :

4

2 回答 2

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/

于 2012-07-25T06:51:50.307 回答
0

小部件在撰写模式下不显示。发布后会显示。

小部件的示例在这里

 <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>
于 2013-10-20T10:47:02.380 回答