В общем проблема такая. Во первых начинающий програмист... И никак не могу допетрить как это сделать.
Есть бд(mysql) в которой координаты точек и наполнение балуна. Точек достаточно много, поэтому возникла необходимость сделать кластер для удобства пользователей.
Помогите кто чем сможет, уже часа 4 мучаюсь ничего не получается...
Код js-скрипта для вывода точек и карты:
ymaps.ready(init);
function init(){
myMap = new ymaps.Map("map", {
center: [56.03778829, 92.89742450],
zoom: 12,
controls: []
});
// Метка, содержимое балуна которой загружается с помощью AJAX.
placemark = new ymaps.Placemark([56.05330270, 92.90406615], {
iconContent: "Узнать адрес",
hintContent: "Перетащите метку и кликните, чтобы узнать адрес"
}, {
// Запретим замену обычного балуна на балун-панель.
balloonPanelMaxMapArea: 0,
draggable: "true",
preset: "islands#blueStretchyIcon",
// Заставляем балун открываться даже если в нем нет содержимого.
openEmptyBalloon: true
});
// Создадим провайдер пробок "Сейчас" с включенным слоем инфоточек.
var actualProvider = new ymaps.traffic.provider.Actual({}, { infoLayerShown: true });
// И затем добавим его на карту.
actualProvider.setMap(myMap);
$.getJSON("vivodpointsmap.php",
function(json){
for (i = 0; i < json.markers.length; i++) {
var myPlacemark = new ymaps.Placemark([json.mar
// Свойства
iconContent: json.markers[i].icontext,
balloonContent: 'новая <strong>камера</strong>',
balloonContentHeader: json.markers[i].adres,
balloonContentBody: json.markers[i].icontext,
balloonContentFooter: '<button class="btn btn-warning btn-xs" data-toggle="modal" data-target="#myModal'+ json.markers[i].id +'" >Смотреть On-line</button>'
}, {
// Опции
iconLayout: 'default#image',
iconImageHref: 'http://my-net.ru/img/mclogomap3.png',
iconImageSize: [30, 30],
iconImageOffset: [-10, -10]
});
// Добавляем метку на карту
myMap.geoObjects.add(myPlacemark);
}
});
}