Пытаюсь вывести на сайт карту созданную через сервис Мои карты, но вместо отображения получаю серый квадрат. Подскажите, что делаю неправильно, хочется настроить отображение карты.
<script src="http://api-maps.yandex.ru
<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/exp
.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.geoObje
checkZoomRange: true
});
}
});
});
</script>
<div id="YMapsID" style="width:400px;height:400px">