首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么图像不能使用panoramio javascript api显示?

为什么图像不能使用panoramio javascript api显示?
EN

Stack Overflow用户
提问于 2012-07-25 14:31:49
回答 2查看 1.1K关注 0票数 1

我正在尝试显示一组给定经度/纬度的城市的图像。

我使用的是panoramio的javascript api,但是,我没有看到任何输出。chrome控制台上没有错误。

以下是源代码:

代码语言:javascript
复制
<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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-25 14:51:50

问题是,非常有趣的是,关闭的</script>标记。你不能缩短它。除了<img /><br /><meta />之外,所有的标签都要以完整的格式结束。

错误:

代码语言:javascript
复制
<script src="http://www.panoramio.com/wapi/wapi.js?v=1" />

右:

代码语言:javascript
复制
<script src="http://www.panoramio.com/wapi/wapi.js?v=1"></script>

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

票数 1
EN

Stack Overflow用户

发布于 2013-10-20 18:47:02

小工具不会在合成模式下显示。它将在发布后显示。

example of widget is here

代码语言:javascript
复制
 <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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11643920

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档