Кластеризация яндекс карты 2.1, в чем ошибка?

Question

[Yuriy Lyadov]

На данный момент кластеры показывают множество меток.

Нужно что бы было так:

На данный момент стрипт такой (Карта выводится на Битриксе):

<script type="text/javascript">
   ymaps.ready(init);
    var myMap, myPlacemark;
    function init(){
        myMap = new ymaps.Map("map", {
<?php
if (isset($maxCOORD1) and (abs($maxCOORD1) != 0))  { ?>
            center: [<?= $maxCOORD1 + ($maxCOORD1 - $minCOORD1) / 2; ?>, <?=  $minCOORD2 + ($minCOORD2 - $minCOORD2) / 2; ?>],
            zoom: 12,
<?php } else { ?>
            center: [35, 25],
            zoom: 2,
<?php } ?>
	    controls: ['zoomControl'],
        });
    var items = <?= json_encode($items); ?>;
    for (i in items) {
	var item = items[i];
	if (item.coord != false) {
	    var layout = ymaps.templateLayoutFactory.createClass('<div class="placemark_layout_container"><div title="' + item.hint + '" class="circle_layout hint' + item.id + '"></div>');
	    myPlacemark = new ymaps.Placemark(
		item.coord, {
		    hintContent: item.hint, 
		    balloonContent: item.content
		}, {
		    iconLayout: layout,
		    iconShape: {
			type: 'Circle', 
			coordinates: [0,0], 
			radius: 22
		    }
		});
	    myMap.geoObjects.add(myPlacemark);
	} 
    }
    }
</script>

Я данный код правил, вносил изменения для показа нумерации кластеров в одной области, но у меня карта переставала работать, может есть кто шарит в этом?
Буду очень благодарен за помощь!

Answer 1

[Антон Шаманов]

кластеризации у тебя не реализована, а т.к. точки совпадают по координатам, то возникают проблемы.

Comments

[Yuriy Lyadov]

Я кластеризацию делал, у меня просто точки все пропадают и все. Брал инфу с яндекс песочницы.

[Антон Шаманов]

Юрий Лядов,

ymaps.ready(function () {
    var map = new ymaps.Map(
        'map-pickups', 
        {center: [55.75, 37.64], zoom: 10, controls: ['zoomControl', 'fullscreenControl']}, 
        {searchControlProvider: 'yandex#search'}
    );
    var objManager = new ymaps.ObjectManager({
        clusterize: true,
        gridSize: 32,
        clusterDisableClickZoom: true
    });
    objManager.objects.options.set('preset', 'islands#blueDotIcon');
    objManager.clusters.options.set('preset', 'islands#blueClusterIcons');
    map.geoObjects.add(objManager);
    
    var pickups = {
        type: 'FeatureCollection',
        features: []
    };
    var coordinates = [
        [55.831903, 37.411961],
        [55.763338, 37.565466],
        [55.843363, 37.778445]
    ];
    $.each(coordinates, function (id, coordinates) {
        pickups.features.push({
            type: 'Feature', 
            id: id, 
            geometry: {type: 'Point', coordinates: coordinates}, 
            properties: {
                balloonContentHeader: 'ПВЗ №' + id, 
                balloonContentBody: 'Адрес доставки', 
                balloonContentFooter: 'График работы', 
                clusterCaption: 'ПВЗ №' + id, 
                hintContent: 'ПВЗ №' + id
            }
        });
    });
    objManager.add(pickups);
    map.setBounds(map.geoObjects.getBounds());
});

адаптируй

[Yuriy Lyadov]

Антон Шаманов, Попробовал свой код адаптировать под ту кластеризацию что у яндекс песочнице https://tech.yandex.ru/maps/jsbox/1/clusterer_create/
Но что то не выходит, если ты разбираешься хорошо в этом, что не так? Карта выводится но без кластеров... Реализовано на битриксе.

ymaps.ready(init);
    var myMap, myPlacemark;

    function init(){
        var myMap = new ymaps.Map('map', {

<?php
if (isset($maxCOORD1) and (abs($maxCOORD1) != 0))  { ?>
            center: [<?= $maxCOORD1 + ($maxCOORD1 - $minCOORD1) / 2; ?>, <?=  $minCOORD2 + ($minCOORD2 - $minCOORD2) / 2; ?>],
            zoom: 12,
<?php } else { ?>
            center: [35, 25],
            zoom: 2,
<?php } ?>
	    controls: ['zoomControl'],

        });

        clusterer = new ymaps.Clusterer({
 
            preset: 'islands#invertedVioletClusterIcons',
 
            groupByCoordinates: false,
            clusterDisableClickZoom: true,
            clusterHideIconOnBalloonOpen: false,
            geoObjectHideIconOnBalloonOpen: false
        }),
        getPointOptions = function () {
            return {
                preset: 'islands#violetIcon'
            };

    var items = <?= json_encode($items); ?>;
    for (i in items) {
	var item = items[i];
	if (item.coord != false) {
	    var layout = ymaps.templateLayoutFactory.createClass('<div class="placemark_layout_container"><div title="' + item.hint + '" class="circle_layout hint' + item.id + '"></div>');
	    myPlacemark = new ymaps.Placemark(
		item.coord, {
		    hintContent: item.hint, 
		    balloonContent: item.content
		}, {
		    iconLayout: layout,
		    iconShape: {
			type: 'Circle', 
			coordinates: [0,0], 
			radius: 22
		    }
		});
        geoObjects[i] = new ymaps.myPlacemark(points[i], getPointData(i), getPointOptions());
	} 

    }

    clusterer.options.set({
        gridSize: 80,
        clusterDisableClickZoom: true
    });


    clusterer.add(geoObjects);
    myMap.geoObjects.add(clusterer);

    myMap.setBounds(clusterer.getBounds(), {
        checkZoomRange: true
    });
}
    }