Google Maps API - Radius-Suche nach Marken mit "Orte"?

Ich habe ein Google Map API v3. Die Karte hat eine Anzahl von Markern, die mit Infoboxen befestigt. Ich bin auf der Suche, um eine Suche einrichten Feld außerhalb der Karte für den Benutzer zur Eingabe einer Adresse und haben dann den nächsten Marker zurückgegeben basierend auf der Entfernung (z.B. ein radius-Suche).

Aus der API-Dokumentation ich glaube, ich muss nutzt die Orte, Dienstleistungen. Kann jemand mich in die richtige Richtung?

Sie müssen nur verwenden Sie die Orte, die API wenn Sie auf der Suche für die Ergebnisse, die aus den Orten API. Wenn Sie suchen, um wieder Ihre eigenen Markierungen, die Sie implementieren müssen, dass die Verwendung der Google Maps API v3.
Was macht Ihr vorhandenen code Aussehen?

InformationsquelleAutor wowzimmer | 2013-08-21

  1. 16

    Tun, eine Umkreissuche, mit der API, verwenden Sie die Geometrie-Bibliothek google.maps.geometrie.sphärisch.computeDistanceBetween Methode zur Berechnung der Entfernung zwischen jeder Markierung und der geokodierten Ergebnis aus der Adresse. Wenn diese Distanz kleiner ist als die gewünschten radius, zeigen die marker, sonst verstecken.

    code davon:

    1. array von google.maps.Marker genannt gmarkers

    2. google.maps.Map-Objekt mit der Bezeichnung " map

      function codeAddress() {
  var address = document.getElementById('address').value;
  var radius = parseInt(document.getElementById('radius').value, 10)*1000;
  geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
      var marker = new google.maps.Marker({
        map: map,
        position: results[0].geometry.location
      });
      if (circle) circle.setMap(null);
      circle = new google.maps.Circle({center:marker.getPosition(),
                                     radius: radius,
                                     fillOpacity: 0.35,
                                     fillColor: "#FF0000",
                                     map: map});
      var bounds = new google.maps.LatLngBounds();
      for (var i=0; i<gmarkers.length;i++) {
        if (google.maps.geometry.spherical.computeDistanceBetween(gmarkers[i].getPosition(),marker.getPosition()) < radius) {
          bounds.extend(gmarkers[i].getPosition())
          gmarkers[i].setMap(map);
        } else {
          gmarkers[i].setMap(null);
        }
      }
      map.fitBounds(bounds);

    } else {
      alert('Geocode was not successful for the following reason: ' + status);
    }
  });
}

    Beispiel

    InformationsquelleAutor geocodezip

Schreibe einen Kommentar