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
Odpowiedz
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);
}
}
);
};
w jaki sposób mogę uzyskać dodatkowe informacje, takie jak nazwa lub adres tej lokalizacji? – Alp
@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
@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
- 1. Jak dodać pole wyszukiwania autouzupełniania Google Maps?
- 2. Google Maps API - Promień wyszukiwania znaczników za pomocą Miejsc?
- 3. Google Maps API DeletedApiProjectMapError
- 4. Adres autouzupełniania + Google Maps API
- 5. Google Maps API Geocode Synchronously
- 6. zombie.js i Google Maps API
- 7. Google Maps Api 3 Remove Selected Marker Tylko
- 8. Google Maps API directionsService.route różni się od Google Maps Directions
- 9. Google Maps Funkcja API map.getCenter()
- 10. Dynamicznie ładowanie Google Maps api
- 11. Google Maps Api w warstwach
- 12. Google Maps API bez klucza?
- 13. Alternatywa Google Maps Geolocation API
- 14. google maps API dla C#
- 15. Google Maps API Key alert
- 16. Jak właściwie korzystać z Google Maps API?
- 17. Google zaczęło podświetlać obszary wyszukiwania w kolorze różowym. Czy ta funkcja jest dostępna w Google Maps API 3?
- 18. Google Chrome: interfejs API wyszukiwania?
- 19. Google Maps API Multiple Markers z Infowindows
- 20. Google Maps API: Uzyskaj URL aktualnego widoku
- 21. Google maps Odsyłanie do interfejsu API niedozwolone
- 22. Google Maps API v3 Wydanie Firefoksa
- 23. Znacznik Google Maps API v3 z etykietą
- 24. Używanie "Google Maps API" w Web Worker
- 25. Open Street Maps z Androidem Google Maps Api v2
- 26. Pole wyszukiwania Google do podstrony z niestandardowym wyszukiwaniem Google
- 27. Google Maps Android V2 i Direction API
- 28. Google Maps api dla strony rejestracji Android
- 29. Ładowanie Google Maps API z wp_enqueue_script
- 30. Google Maps API - domyślny typ kursora
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