Пример API Яндекс Карт не работает

Я хочу найти маршрут между двумя точками в Стамбуле. Для этого я пытаюсь запустить простой код, взятый из это руководство. Но этот код не работает. Я не могу просмотреть маршрут или карту. Мой код здесь.

<title>Quick start. Publishing an interactive map on a page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<script src="http://yandex.st/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

    var ymap;
    ymaps.ready(function(){ 
        ymap = new ymaps.Map ("map", {
            center: [41.01771, 28.968484],
            zoom: 10,
            controls: ['zoomControl', 'typeSelector',
                       'geolocationControl', 'trafficControl',
                       'fullscreenControl'] 
        });

        ymaps.route([
            'Maltepe',
            'Kartal'
        ]).then(function (route){
            ymap.geoObjects.add(route);
            }, function(error){
               alert("Ошибка. " + error.status +
                     ":" + error.message);
            }
        );

    });

</script>

javascript html yandex-maps yandex-api
person cycle cyletic    schedule 10.02.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Код в примере правильный. Это страница, которую нужно исправить. Вы должны добавить правильно расположенный/размерный элемент DIV в HTML своей страницы. Идентификатор этого элемента («карты») передается в качестве первого аргумента конструктору new ymaps.Map.

Вот минималистичный рабочий код HTML и CSS:

HTML

<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<div id="map"></div>

CSS:

body {
    height: 100%;
}
#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Я создал для вас живой пример, см. эту скрипку

person Baradzed    schedule 11.02.2015
comment
проблема с http/https. Ссылка на общий доступ JSFiddle дала мне ссылку https, в то время как я использовал http для JS URI. Исправлена ​​ссылка на JSFiddle, чтобы она правильно указывала на http. Простите за это. - person Baradzed; 11.02.2015