Создание кластера - JavaScript - Ответ 12383623

ymaps.ready(init);
function init() {
var myMap = new ymaps.Map("map", {
center: [55.354968,86.087314],
zoom: 12,
controls: ['zoomControl'],
}, {
searchControlProvider: 'yandex#search',
suppressMapOpenBlock: true,
});
 
 
//Создадим кластер
var clusterer = new ymaps.Clusterer({
//Через кластеризатор можно указать только стили кластеров, стили для меток нужно назначать каждой метке отдельно
preset: 'islands#governmentCircleIcon',            
//Ставим true, если хотим кластеризовать только точки с одинаковыми координатами.
groupByCoordinates: true,
//Опции кластеров указываем в кластеризаторе с префиксом "cluster".
clusterDisableClickZoom: true,
clusterHideIconOnBalloonOpen: false,
geoObjectHideIconOnBalloonOpen: false,
}),
/**
* Функция возвращает объект, содержащий данные метки.
* Поле данных clusterCaption будет отображено в списке геообъектов в балуне кластера.
* Поле balloonContentBody - источник данных для контента балуна.
* Оба поля поддерживают HTML-разметку.
* Список полей данных, которые используют стандартные макеты содержимого иконки метки
* и балуна геообъектов, можно посмотреть в документации.
* @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/GeoObject.xml
*/
getPointData = function (index) {
return {
                //balloonContentHeader: '<font size=3><b><a target="_blank" href="https://yandex.ru">Здесь может быть ваша ссылка</a></b></font>',
                //balloonContentBody: '<p>Ваше имя: <input name="login"></p><p>Телефон в формате 2xxx-xxx:  <input></p><p><input type="submit" value="Отправить"></p>',
                //balloonContentFooter: '<font size=1>Информация предоставлена: </font> балуном <strong>метки ' + index + '</strong>',
                //clusterCaption: 'метка <strong>' + index + '</strong>'
};
},
/**
* Функция возвращает объект, содержащий опции метки.
* Все опции, которые поддерживают геообъекты, можно посмотреть в документации.
* @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/GeoObject.xml
*/
getPointOptions = function () {
return {
preset: 'islands#violetIcon'
};
},
points = [],
geoObjects = [];
 
/**
* Данные передаются вторым параметром в конструктор метки, опции - третьим.
* @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/Placemark.xml#constructor-summary
*/
for(var i = 0, len = points.length; i < len; i++) {
geoObjects[i] = new ymaps.Placemark(points[i], getPointData(i), getPointOptions());
}
/**
* Можно менять опции кластеризатора после создания.
*/
clusterer.options.set({
gridSize: 80,
clusterDisableClickZoom: true
});
 
 
    
    
//Создаем иконку
//Главное управление МЧС России по Кемеровской области
var GUKemerovo = new ymaps.Placemark([55.350316, 86.088029], {
balloonContentBody: [
'<address>',
'<strong>Главное управление МЧС России по Кемеровской области</strong>',
'<br/>',
'Адрес: г. Кемерово, ул. Красная, д. 11',
'<br/>',
'Телефон: (+7-3842-348-401)',
'</address>'
].join('')
}, {
preset: 'islands#governmentCircleIcon',
iconCaptionMaxWidth: '50',
balloonCloseButton: true, //Кнопка закрыть на баллуне есть
balloonPanelMaxMapArea: 'Infinity', //Баллун открывается в виде панели снизу
balloonPane: 'outerBalloon',
});
//ФКУ "Центр управления в кризисных ситуациях Главного управления МЧС России по Кемеровской области"
var CUKSKemerovo = new ymaps.Placemark([55.350316, 86.088029], {
balloonContentBody: [
'<address>',
'<strong>ФКУ "Центр управления в кризисных ситуациях Главного управления МЧС России по Кемеровской области"</strong>',
'<br/>',
'Адрес: г. Кемерово, ул. Красная, д. 11',
'<br/>',
'Телефон: (+7-3842-348-401)',
'</address>'
].join('')
}, {
preset: 'islands#governmentCircleIcon',
iconCaptionMaxWidth: '50',
balloonCloseButton: true, //Кнопка закрыть на баллуне есть
balloonPanelMaxMapArea: 'Infinity', //Баллун открывается в виде панели снизу
balloonPane: 'outerBalloon'
});
//Служба пожаротушени   ФГКУ "1 отряд ФПС по Кемеровской области"
var FGKY1_2 = new ymaps.Placemark([55.350316, 86.088029], {
balloonContentBody: [
'<address>',
'<strong>Служба пожаротушени   ФГКУ "1 отряд ФПС по Кемеровской области"</strong>',
'<br/>',
'Адрес: г. Кемерово, ул. Красная, д. 11',
'<br/>',
'Телефон: (+7-3842-77-2672)',
'</address>'
].join('')
}, {
preset: 'islands#governmentCircleIcon',
iconCaptionMaxWidth: '50',
balloonCloseButton: true, //Кнопка закрыть на баллуне есть
balloonPanelMaxMapArea: 'Infinity', //Баллун открывается в виде панели снизу
balloonPane: 'outerBalloon'
});
 
// Добавляем объекты на карту.
myMap.geoObjects.add(clusterer)
clusterer.add(geoObjects)  
.add(GUKemerovo)
.add(CUKSKemerovo)
.add(FGKY1_2)
;}