Клуб API Карт

Создание кластеризатора

AlexPRO26
3 декабря 2014, 10:56

Дорый день, подскажи как переписать код или что добавить чтоб организовать все точки в кластеры

 

 <script type="text/javascript">
    ymaps.ready(init);
    var myMap;
    function init() {
        myMap = new ymaps.Map('venev-map', {
            center: [54.350507, 38.265157],
            zoom: 15,
            controls: ['zoomControl', 'typeSelector', 'geolocationControl', 'fullscreenControl']
        });
        myGeoObject74 = new ymaps.Placemark([54.348620, 38.273327], {
            balloonContentHeader: "Веневский краеведческий музей",
            balloonContentBody: "",
            balloonContentFooter: "Красная площадь, 31а",
            hintContent: "Веневский краеведческий музей"
        }, {
            iconColor: '#ff0000'
        });
        myMap.geoObjects.add(myGeoObject74);
        myGeoObject73 = new ymaps.Placemark([54.349309, 38.268445], {
            balloonContentHeader: "Отдел по культуре администрации муниципального образования Веневский район",
            balloonContentBody: "",
            balloonContentFooter: "ул. Льва Толстого, 20",
            hintContent: "Отдел по культуре администрации муниципального образования Веневский район"
        }, {
            iconColor: '#ffff00'
        });
        myMap.geoObjects.add(myGeoObject73);
        myGeoObject72 = new ymaps.Placemark([54.1159, 38.0677], {
            balloonContentHeader: "Администрация муниципального образования Южное",
            balloonContentBody: "",
            balloonContentFooter: "д.Кукуй, ул.Центральная, д.23",
            hintContent: "Администрация муниципального образования Южное"
        }, {
            iconColor: '#ffff00'
        });
        myMap.geoObjects.add(myGeoObject72);
    }

 

3 комментария
Подписаться на комментарии к посту
Всеволод Шмыров
3 декабря 2014, 11:00
Доброе утро. Если вы используете геообъекты, то просто создайте экзямпляр класс Clusterer. Добавьте в него объекты, как вы это делаете при добавлении на карту. И добавьте сам кластеризатор на карту.
Более подробно о кластеризаторе можно почитать здесь
https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/Clusterer-docpage/
или посмотреть примеры здесь
https://tech.yandex.ru/maps/jsbox/2.1/clusterer_create

А если вы используете objectManager, то вам достаточно передать в конструктор ObjectManager опцию clusterize: true.
https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/ObjectManager-docpage/#param-options.clusterize
Примеры: https://tech.yandex.ru/maps/jsbox/2.1/object_manager

Опубликовал кусок кода, если есть возможность на примере показать как правильно все это организовать! 

Всеволод Шмыров
3 декабря 2014, 11:08
Примеры лучше давать ссылкой. Хотя бы на jsfiddle.

Посмотрите как сделано в этом примере
https://tech.yandex.ru/maps/jsbox/2.1/clusterer_create

Вам нужно создать кластеризатор
clusterer = new ymaps.Clusterer(...
Заменить
myMap.geoObjects.add(myGeoObject72);
На
clusterer.add(myGeoObject72);
И добавить сам кластер на карту
myMap.geoObjects.add(clusterer);