S
S
strify_252016-07-25 11:20:33
JavaScript
strify_25, 2016-07-25 11:20:33

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>

Only the first one in the function works.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
Mark_Brown116, 2019-06-21
@Mark_Brown116

I recommend everyone to read it, it helped me personally.
https://medved.online/%D1%83%D1%81%D1%82%D0%B0%D0%...

F
forgotten, 2016-07-25
@forgotten

Show the problem page or build an example on jsfiddle.
By the way, the list of necessary controls can be set directly when the map is initialized.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question