Answer the question
In order to leave comments, you need to log in
How to add several Yandex.Maps to the site?
Adding multiple maps using the API. I take examples from the sandbox. Maps are not on the same page, i.e., each page has its own map. Blocks with cards I set their IDs.
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>
Answer the question
In order to leave comments, you need to log in
I recommend everyone to read it, it helped me personally.
https://medved.online/%D1%83%D1%81%D1%82%D0%B0%D0%...
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question