Всем привет!
В кластеризации не соображаю!
В имеющиеся код кластеризации внедрил код песочницы яндекс кластеризации
https://tech.yandex.ru/maps/jsbox/1/clusterer_create/
Все вроде как по заданным задачам показывает, но вот появилась проблема:
- При приближение карта намертво зависает, в консоли выводит ошибки но не понимаю ошибку
- Не кликабельны кластеры которые с фото, были кликабельны!
Подскажите, в чем проблема? Карта на битриксе. Вот сама карта:
univerokrug.hse.perm.ru/okrug/#mapКод. Да, возможно грязный, но я пока только адаптирую кластеризацию в то что было до меня:ymaps.ready(function () {
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#invertedOrangeClusterIcons',
groupByCoordinates: false,
clusterHideIconOnBalloonOpen: false,
geoObjectHideIconOnBalloonOpen: false
}),
getPointData = function (index) {
return {
balloonContentBody:item.content,
clusterCaption: '<strong>' + item.hint + '</strong>'
};
},
getPointOptions = function () {
return {
iconLayout: layout
};
},
geoObjects = [];
var items = <?= json_encode($items); ?>;
for (i in items) {
var item = items[i];
if (item.coord) {
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',
radius: 22
}
});
geoObjects[i] = new ymaps.Placemark(item.coord, getPointData(i), getPointOptions());
}
}
clusterer.options.set({
gridSize: 80,
clusterDisableClickZoom: true
});
clusterer.add(geoObjects);
myMap.geoObjects.add(clusterer, myPlacemark);
myMap.setBounds(clusterer.getBounds(), {
checkZoomRange: true
});
});