Клуб API Карт

Отображение карты из "Мои карты" с использование API 2

Пост в архиве.

Пытаюсь вывести на сайт карту созданную через сервис Мои карты, но вместо отображения получаю серый квадрат. Подскажите, что делаю неправильно, хочется настроить отображение карты.

  

    <script src="http://api-maps.yandex.ru/2.0/?load=package.full&mode=debug&lang=ru-RU" type="text/javascript"></script>

        <script type="text/javascript">

            /* При успешной загрузке API выполняется

               соответствующая функция */

            ymaps.ready(function () { 

/* Создание экземпляра карты и его привязка 

   к контейнеру с id="YMapsID" */

var myMap = new ymaps.Map("YMapsID", {

        // Коэффициент масштабирования

        zoom: 10,

        // Тип карты

        type: "yandex#satellite"

    }

);                

 

// Загрузка и отображение ymapsml-файла c сервиса "Мои карты"

ymaps.geoXml.load('http://maps.yandex.ru/export/usermaps/H9thN6MZIRl7rGI8oIc8-hhoU8L3gCkk/')

     .then(function (res) {

         // добавление элементов ymapsml-файла на карте

         map.geoObjects.add(res.geoObjects);

         // Выставление границ и типа к карты.

         // границы res.mapState.getBounds() применяются к карте асинхронно,

         // т.к. необходимо получить информацию о доступных масштабах для данных границ

         // тип карты res.mapState.getType() применяется к карте синхронно

         if (res.mapState) {

             res.mapState.applyToMap(map).then(function () {

                 alert('К карте применены границы ' + res.mapState.getBounds().toString());

             });

         }

         // если информация о границах не предоставлена в repr:View YMapsML файла,

         // можно применить применить gml:boundedBy верхнего элемента ymaps:GeoObjectCollection

         else if (res.geoObjects.properties.get('boundedBy')) {

             map.setBounds(res.geoObjects.properties.get('boundedBy'), {

                 checkZoomRange: true

             });

         }

     }); 

            });

        </script> 

<div id="YMapsID" style="width:400px;height:400px">

 

1 комментарий

1. Убирай код под кат (кнопка "вставить врезку" в редакторе поста)

2. Для поиска таких ошибок используй инструментарий веб-разработчика.

Мы написали пару (1, 2) статей в Блоге АПИ про поиск ошибок в АПИ Карт

3. Ты инициализируешь карту в переменную "myMap", а в обработчиках используешь "map"