2011-09-01 10 views
7

Nie mogę dowiedzieć się, jak zaimplementować pole wyszukiwania w moich mapach google. Mam go tam, gdzie użytkownik może wybrać coś z formularza i ładuje znaczniki na mapie. Teraz chcę dodać, gdzie mogą wpisać miasto i stan za pomocą pola wyszukiwania Google, na przykład na maps.google.com. Czy można to zrobić za pomocą API v. 3?Google Maps API 3 pole wyszukiwania

+0

Nie wiem, w jaki sposób osiągnąć w polu wyszukiwania Google, ale istnieje kilka przykładów, które mogą ci pomóc zacząć od problemu [Przykład geokodowania] (http://code.google.com/apis/maps/documentation/javascript/examples/geocoding-simple.html) [Przykład geokodowania z jquery] (http://tech.cibul.net/ geocode-with-google-maps-api-v3 /) – Jorge

Odpowiedz

26

Brak pełnego "widgetu" w mapach Google dla tego zadania. Ale łatwo to osiągnąć. W HTML możesz mieć pole tekstowe i przycisk "Szukaj". (Zamiast tego możesz obsługiwać klawisz Enter w polu tekstowym).

<input type="text" id="search_address" value=""/> 
<button onclick="search();">Search</button> 

w JavaScript ty instancji i używać geocoder:

var addressField = document.getElementById('search_address'); 
var geocoder = new google.maps.Geocoder(); 
function search() { 
    geocoder.geocode(
     {'address': addressField.value}, 
     function(results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       var loc = results[0].geometry.location; 
       // use loc.lat(), loc.lng() 
      } 
      else { 
       alert("Not found: " + status); 
      } 
     } 
    ); 
}; 
+0

w jaki sposób mogę uzyskać dodatkowe informacje, takie jak nazwa lub adres tej lokalizacji? – Alp

+1

@Alp: powyższy przypadek użycia opisuje sytuację, w której znasz już nazwę lub adres i chcesz uzyskać odpowiednią lokalizację (lat, lng). Jeśli chcesz znaleźć interesujące miejsca w sąsiedztwie lokalizacji, możesz zajrzeć do [miejsca Google] (http://code.google.com/apis/maps/documentation/places/). – Jiri

+1

@Alp Potrzebowałem dokładnie tego, o co prosiłeś w swoim komentarzu i to jest to, czego szukasz: https://developers.google.com/maps/documentation/geocoding/#Geocoding Prawdopodobnie znalazłeś co szukaliście już, ale nadal;) – mavili

Powiązane problemy