Как добавить Spiderfier в Googlemaps api v3?

Question

Я новичок в googlemaps. Я уже прочитал документацию Overlapping Marker Spiderfier, но я все еще смущен тем, как ее реализовать на моих картах.

Вот моя попытка:

function initialize() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 7, 
     center: new google.maps.LatLng(40.0000, 48.0000), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     disableDefaultUI: true, 
     zoomControl: true 
    }); 
    var locations = [[40.0000, 48.0000], [40.0000, 48.0000], [40.0000, 48.0000]]; 
    var marker, i; 
    for (i = 0; i < locations.length; i++) { 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(locations[i][0], locations[i][1]), 
      map: map 
     }); 
    } 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

Вы можете найти этот код в jsfiddle.

Answer 1

Вот ваш код обновляется ...

function initialize() { 

    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 7, 
     center: new google.maps.LatLng(40.0000, 48.0000), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     disableDefaultUI: true, 
     zoomControl: true 
    }); 
    var locations =[ [40.0000, 48.0000],[40.0000, 48.0000],[40.0000, 48.0000]]; 

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

    var marker, i; 
     for (i = 0; i < locations.length; i++) { 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(locations[i][0], locations[i][1]), 
      map: map 
     }); 
     oms.addMarker(marker); 
     } 
} 
google.maps.event.addDomListener(window, 'load', initialize);