Cluster gleichen lat/lng gmaps v3

Question

Auf meiner Website habe ich ein Formular, mit dem Benutzer sich registrieren können. Er fordert die Benutzer auf, ihre Stadt, ihren Staat und ihr Land anzugeben. Ich habe auch eine Karte, die eine Markierung für jeden Benutzer basierend auf einem lat/lng, das aus dieser Stadt, Staat, Land-Kombination ($ Standort) gezogen wird, löscht.

Da ich nicht super spezifisch bin (wie in, ich frage nicht nach ihrer IST-Adresse), habe ich eine Anzahl von Benutzern, die die gleichen lat/lng haben. Dies führt zu einem Problem beim Anzeigen von Markierungen auf meiner Karte.

Sollte ich einen Clusterdienst verwenden? Wenn ja, hast du irgendwelche Vorschläge ?? Wie ich schon sagte, fließt Information aus mySQL-Datenbank -> XML -> PHP.

Wenn ja, wird es auf der gezoomten Ebene geclustert (wie ich sagte, gleich lat/lng). Daher benötige ich ein Informationsfenster, in dem ich jeden Benutzer an diesem bestimmten Ort auswählen kann.

Ideen? Vorschläge??? Sehr geschätzt !!!

Jeremy

Answer 1

MarkerClusterer: http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/docs/examples.html

oder von Hand (etwa - Beispielcode nur!)

 var latlng = new google.maps.LatLng(-33.8671390, 151.2071140); 
     var myOptions = { 
      zoom: 8, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     var markers = []; 
     var newmarkers = []; 

     for(var j=0; j<5; j++) { 
      markers.push({lat:-33.8671390, lng:151.2071140, title:'This is marker #' + i }); 

      if(j==0) newmarkers.push(markers[j]); 
      for(var i=0; i<newmarkers.length; i++) { 
       if(newmarkers[i].lat == markers[j].lat && newmarkers[i].lng == markers[j].lng) { 
        newmarkers[i].title += ' AND ' + markers[j].title; 
        continue; 
       } 
       newmarkers.push(markers[j]); 
      } 
     } 

     for(var i=0; i<newmarkers.length; i++) { 
      var mkr = new google.maps.Marker({ 
       position: new google.maps.LatLng(newmarkers[i].lat, newmarkers[i].lng), 
       map: map, 
       title: newmarkers[i].title 
      }); 
     } 

Answer 2

dachte ich, mein Code einfügen würde:

 

function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(47.614495, -122.341861), 2); map.enableScrollWheelZoom();
 

GDownloadUrl("world_xml.php", function(data) { var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var first_name = markers[i].getAttribute("first_name"); var last_name = markers[i].getAttribute("last_name"); var email = markers[i].getAttribute("email"); var affiliation = markers[i].getAttribute("affiliation"); var status = markers[i].getAttribute("status"); var service = markers[i].getAttribute("service"); var rank = markers[i].getAttribute("rank"); var specialty = markers[i].getAttribute("specialty"); var city = markers[i].getAttribute("city"); var state = markers[i].getAttribute("state"); var country = markers[i].getAttribute("country"); var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); var marker = createMarker(point, rank, first_name, last_name, email, affiliation, status, service, specialty, city, state, country); map.addOverlay(marker); } }); 

} }

Funktion createMarker (Punkt, Rang, Vorname, Nachname, E-Mail, Zugehörigkeit, Status, Service, Spezialität, Stadt, Bundesland, Land) { var marker = neuer GMarker (Punkt); var html = "" + rank + "" + first_name + "" + last_name + "
" + Service + " "+ Status +"
"+ Spezialität +"
"+ Zugehörigkeit +"
" + Stadt + "," + state + "" + land + "
" + email + "
" + ""; GEvent.addListener (Markierung, 'Klick', Funktion() { marker.openInfoWindowHtml (html); }); Rückkehrmarkierung; }