API Спутник/КартыJavaScript API Спутник/Карты

JavaScript API Спутник/Карты

Кластеры маркеров

В случае, когда количество отображаемых маркеров слишком велико, существует возможность объединять их в кластеры. Кластеризация реализована с помощью плагина L.MarkerCluster.

Пример:

<div id="map1" class="map"></div>

<script>
    var map1 = L.sm.map('map1', {center: [55.775, 37.624], zoom: 9});    // создаем карту
    var options = {maxClusterRadius: 70};    // параметры кластера
    var cluster = L.sm.cluster(options);    // создаем кластер

    var options = {
        popupTemplate: '<b>{title}</b>',       // можно использовать шаблон попапа для всех элементов GeoJson
        defaultPopupTemplate:'<u>{title}</u>'  // или шаблон попапа для элементов, у которых нет popupTemplate
    };

    var geoJsonLayer = L.sm.geoJson(geoData1, options); // создаем слой данных из GeoJSON

    cluster.addLayer(geoJsonLayer);        // добавляем в кластер слой данных
    cluster.addTo(map1);                 // добавляем кластер на карту
</script>

Пример на отдельной странице
Пример данных

Дополнительная информация