Клуб API Карт

На одной странице несколько карт, такое возможно?

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

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

Пример:

Карта 1
<script type="text/javascript">
//<![CDATA['
var mapPlgPM3, geoResultPlgPM3;
window.onload = function getYandexMapPlgPM3() {
mapPlgPM3 = new YMaps.Map(document.getEle
mentById("YMapsIDPlgPM3"));
mapPlgPM3.setCenter(new YMaps.GeoPoint( 39.870592, 57.619879), 2);
mapPlgPM3.enableDblClickZoom();
mapPlgPM3.enableScrollZoom();
mapPlgPM3.addControl(new YMaps.Zoom());
mapPlgPM3.addControl(new YMaps.TypeControl());
mapPlgPM3.addControl(new YMaps.MiniMap());
mapPlgPM3.addControl(new YMaps.ToolBar());
}
//]]>
</script>

Карта 2

<script type="text/javascript">
//<![CDATA['
 var mapPlgPM1, geoResultPlgPM1;
window.onload = function getYandexMapPlgPM1() {
mapPlgPM1 = new YMaps.Map(document.getEle

mentById("YMapsIDPlgPM1"));
mapPlgPM1.setCenter(new YMaps.GeoPoint( 38.096006, 55.285312), 2);
mapPlgPM1.enableDblClickZoom();
mapPlgPM1.enableScrollZoom();
mapPlgPM1.addControl(new YMaps.Zoom());
mapPlgPM1.addControl(new YMaps.TypeControl());
mapPlgPM1.addControl(new YMaps.MiniMap());
mapPlgPM1.addControl(new YMaps.ToolBar());
}
//]]></script>


Подскажите что я пропустил или может не допонял
5 комментариев
Да, это возмжно. Можно создать неограниченное количество карт на одной странице.

Вы создали два обработчика события window.onload. Второй обработчик переписал первый, в итоге всегда будет создаваться только вторая карта.

Для того, чтобы этого избежать. Напишите код создания карт в одном обработчике.
window.onload = function () {
    // Первая карта
    var map = new YMaps.Map(document.getElementById("YMapsID"));
    map.setCenter(new YMap.GeoPoint(35, 55), 7);

    // Вторая карта
    var map2 = new YMaps.Map(document.getElementById("YMapsID2"));
    map2.setCenter(new YMap.GeoPoint(35, 55), 7);
}
Дмитрий К.
28 января 2016, 08:08
Спасибо, теперь подумаю как мне изменить это на уровне php
ГК «Бурение»
5 декабря 2020, 16:31
rodlex,
а как сделать одну и ту же карту в двух и более местах на странице?

ГК «Бурение»,
Тоже интересует 
mapsapi-help
Сотрудник Яндекса18 апреля 2021, 21:27
m-f-a1999,
JS API 2.1 поддерживает работу с несколькими картами "из коробки". Чтобы разместить на странице 2 одинаковые карты, можно просто задублировать данные вашей карты на 2 контейнера, например: https://jsfiddle.net/6Ltabd17/