ErBhati Ответов: 1

Как показать более одного маркера на одном и том же месте

Привет 
I am using GoogleMap. When I have two or more markers on the exact same spot, The API only displays 1 marker - the top one. But somehow I want to show all the markers as each one will be opening distinct popup. I have searched found few solutions but none are seem to be working Anybody had similar issue and would pls share a solution??


Что я уже пробовал:

for (var i = filtered.длина-1; i >= 0; i--) {
var item = записи[отфильтрованные[i]];
chosenRecords + = (i == фильтруется.длина-1)? пункт.Код : "," + товар.Идентификатор;

если (отфильтровано.длина <= 30000) {
var marker = новый google. maps.Маркер({
удалено: новые google. maps.Latlng с(поз.широта, поз.СПГ),
значок: значок,
название: "нажмите на меня",
карта: карта,
код: товар.Идентификатор,
infoWindowIndex: я
});
var infoWindow = новый google. maps.InfoWindow({
удалено: "abc здесь"
});
Гугл.карты.событие.метод addlistener(маркер, 'нажмите', функция (событие) {
//if (infowindows) {
// infowindows.рядом();
//}
infowindows[this. infoWindowIndex]. open(map, this);
});
infowindows. push(infoWindow);
profileMarkers. push(маркер);
}

1 Ответов

Рейтинг:
6

ErBhati

Вот решение:

for (var i = 0; i < filtered.length; i++) {
                var item = records[filtered[i]];
                chosenRecords += "," + item.lat ;
                chosenRecords1 += "," + item.lng;
                dup = item.cnt;
                recordCont += item.cnt;
                if (filtered.length <= 30000) {                    
                    if (dup == 1) {
                        dup = '';
                    }
                    var img;
                    if (dup > 5) {
                        img = 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + dup + '|a15ecb|FFFFFF';
                    }
                    else {
                        img = ((item.status == "RES") ? 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + dup + '|6abf24|FFFFFF' : (item.status == "NON") ? 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + dup + '|0061e2|FFFFFF' : (item.status == "OCP") ? 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + dup + '|e27500|FFFFFF' : (item.status == "DEC") ? 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + dup + '|eed100|FFFFFF' : (item.status == "???") ? 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + dup + '|FF0000|FFFFFF' : 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + dup + '|FF0000|FFFFFF');
                    }
                    var Mrkr_txt = item.status;
                    if (dup > 1) {
                        Mrkr_txt = 'Multiple Properties'
                    }
                  //  var lb = ''+dup+''
                    var marker = new google.maps.Marker({
                         position: new google.maps.LatLng(item.lat, item.lng),
                       //  icon: ((item.status == "RES") ? markerIcon1 : (item.status == "NON") ? markerIcon2 : (item.status == "OCP") ? markerIcon3 : (item.status == "DEC") ? markerIcon4 : (item.status == "???") ? markerIcon5 : markerIcon5),                       
                        //label: lb,
                         icon: img,
                        title: Mrkr_txt,
                        map: map,                       
                    });