Добавляю несколько карт с помощью API. Примеры беру из песочницы. Карты не на одной странице, т.е., на каждой странице своя карта. Блокам с картами задаю свои ID.
ymaps.ready(init);
function init () {
// Создание экземпляра карты и его привязка к контейнеру с
// заданным id ("map").
var mapLk = new ymaps.Map('map_lk', {
// При инициализации карты обязательно нужно указать
// её центр и коэффициент масштабирования.
center: [55.76, 37.64], // Москва
zoom: 10
}, {
searchControlProvider: 'yandex#search'
});
mapLk.controls.remove('geolocationControl');
mapLk.controls.remove('trafficControl');
mapLk.controls.remove('zoomControl');
mapLk.controls.remove('typeSelector');
mapLk.controls.remove('searchControl');
mapLk.controls.remove('fullscreenControl');
var myMap = new ymaps.Map('main_map', {
center: [55.76, 37.64],
zoom: 10
}, {
searchControlProvider: 'yandex#search'
}),
objectManager = new ymaps.ObjectManager({
// Чтобы метки начали кластеризоваться, выставляем опцию.
clusterize: true,
// ObjectManager принимает те же опции, что и кластеризатор.
gridSize: 32
});
// Чтобы задать опции одиночным объектам и кластерам,
// обратимся к дочерним коллекциям ObjectManager.
objectManager.objects.options.set('preset', 'islands#greenDotIcon');
objectManager.clusters.options.set('preset', 'islands#greenClusterIcons');
myMap.geoObjects.add(objectManager);
$.ajax({
url: "js/data.json"
}).done(function(data) {
objectManager.add(data);
});
}
<div id="main_map"></div>
...
<div id="map_lk"></div>
Работает только та, что первая в функции.
