кластеризация маркеров в GoogleMap

188
26 апреля 2018, 10:00

Не понимаю как реализовать кластеризацию маркеров в данном случае. Помогите исправить ошибки и правильно реализовать эту функцию

function CustomMarker(latlng, map, imageSrc) { 
    this.latlng_ = latlng; 
    this.imageSrc = imageSrc; 
    this.setMap(map); 
} 
 
CustomMarker.prototype = new google.maps.OverlayView(); 
CustomMarker.prototype.draw = function () { 
    var div = this.div_; 
    if (!div) { 
        div = this.div_ = document.createElement('div'); 
        div.className = "customMarker"; 
 
 
        var img = document.createElement("img"); 
        img.src = this.imageSrc; 
        div.appendChild(img); 
        google.maps.event.addDomListener(div, "click", 
            function (event) { 
                google.maps.event.trigger(me, "click"); 
            }); 
 
        var panes = this.getPanes(); 
        panes.overlayImage.appendChild(div); 
    } 
    var point = this.getProjection().fromLatLngToDivPixel(this.latlng_); 
    if (point) { 
        div.style.left = point.x + 'px'; 
        div.style.top = point.y + 'px'; 
    } 
}; 
 
CustomMarker.prototype.remove = function () { 
      if (this.div_) { 
        this.div_.parentNode.removeChild(this.div_); 
        this.div_ = null; 
    } 
}; 
 
CustomMarker.prototype.getPosition = function () { 
    return this.latlng_; 
}; 
var map = new google.maps.Map(document.getElementById("map"), { 
    zoom: 17, 
    center: new google.maps.LatLng(48.42216, 44.31308), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 
 
var data = [{ 
    profileImage: "./images/1.jpg", 
    pos: [48.42217, 44.31308] 
}, { 
    profileImage: "./images/2.jpg", 
    pos: [48.42220, 44.31308] 
}]; 
 
for(var i=0;i<data.length;i++){ 
    new CustomMarker(new google.maps.LatLng(data[i].pos[0],data[i].pos[1]), map,  data[i].profileImage) 
} 
 
var markerCluster = new MarkerClusterer(map, data, 
    {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});

READ ALSO
Как правильно произвести замену img на svg?

Как правильно произвести замену img на svg?

Есть изображение img svg, которое вставлено на страницу с помощью тега img

201
Некоррентная работа searchControl в Яндекс.Карты

Некоррентная работа searchControl в Яндекс.Карты

Возник вопрос по поводу поведения searchControl

188
Узнать сколько активных пользователей JS

Узнать сколько активных пользователей JS

Узнать можно через поле isActive у каждого пользователяФункция должна посчитать сколько isActive: true

209
Выбор данных для графика по клику google charts

Выбор данных для графика по клику google charts

Вот есть код: https://jsfiddlenet/3eygq8vf/1/

252