Почему изображения не отображаются с использованием Panoramio Javascript API

Я пытаюсь отобразить несколько изображений города с указанием его широты / долготы.

Я использую javascript api Panoramio, однако я не вижу никакого вывода. На консоли 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, который показывает ту же проблему:

Источник

2 ответа

Решение

Проблема, довольно забавная, с закрытием </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/

Источник

Виджет не отображается в режиме создания. Это покажет после публикации.

пример виджета здесь

 <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>
Источник
Другие вопросы по тегам