dimanche 12 juin 2016

Overlapping Pointers with MarkerClustererPlus and OverlappingMarkerSpiderfier


I have this map and displaying pointers based on users long and lat. now i have a problem with OverlappingMarkerSpiderfier. when there are more than 1 users with same long and lat. for example: 5 people live in the same building. i need OverlappingMarkerSpiderfier to show the count and then on click to sipderfy it. by default, OverlappingMarkerSpiderfier doesnt work that way.

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(52, 8),
        zoom: 4
    };
    map = new google.maps.Map(document.getElementById('map'), mapOptions);

    var oms = new OverlappingMarkerSpiderfier(map,{markersWontMove: true, markersWontHide: true, keepSpiderfied: true});

    markerClusterer.setMap(map);

here is the jsfiddle http://jsfiddle.net/gL3L7zso/62/

as you can see, when i click the battefield 3. its showing 1 pointer behind it hiding 3. i need it to be the same but, display the count of pointers hiding behind.

appreciate any solution for this.

update: to make the question more clear.

enter image description here

updated fiddle: http://jsfiddle.net/gL3L7zso/68


Aucun commentaire:

Enregistrer un commentaire