Z tego dokumentu dowiesz się, jak korzystać z interfejsu API wyszukiwania w pobliżu (nowy) na tworzyć proste i ekonomiczne
lokalnego odkrywania treści.
Funkcja odkrywania miejsc w pobliżu lokalizacji pokazuje użytkownikom najważniejsze interesujące miejsca w pobliżu wskazanych podczas wyszukiwania hotelu lub nieruchomości. Zwykle składa się z interaktywną mapę z dodatkowym panelem zawierającym przycisk wyboru miejsca galerii zdjęć. Zobaczysz różne wersje Google Maps Platform usług i funkcji zwiększających interaktywność.
Przykłady zastosowania
Dowiedzmy się teraz, które elementy integracji odkrywania lokalnego przyciągają użytkowników wartość:
Odkrywanie – użytkownicy mają ogólny wgląd w to, co znajduje się w pobliżu danej lokalizacji. pokazując odpowiednie miejsca różnego rodzaju.
Interaktywność – zachęcaj użytkowników do wyboru miejsca i dynamicznie odświeżaj dane.
w odniesieniu do danego miejsca.
Wizualizacja – przesyłanie opinii o miejscach i zdjęć
oraz czas podróży pieszo i odległość, aby użytkownicy mogli szybko ocenić, do swoich potrzeb.
Architektura referencyjna
Wyszukiwanie lokalne
Jest wiele sposobów na to, by umożliwić lokalne odkrywanie treści. Poniżej to niestandardowy przykład wygody użytkownika, który dobrze znane interfejsy API Google Maps Platform, a także kilka nowych, ciekawych funkcji. Jeśli Jeśli chcesz poznać lokalne podejście do odkrywania, użyj Web. Komponenty.
Przykładowa aplikacja
Przykładowy przewodnik
W tabeli pod przykładową aplikacją znajdziesz podział na kroki wraz z opisem technicznej implementacji w Mapach Google Interfejsy API platformy.
1. Wyszukiwanie lokalizacji z funkcją AutocompleteSearch lokalizacji
- Wczytaj Maps JavaScript API.
- Automatyczne uzupełnianie miejsc lub wybierz lokalizację na mapie.
2. Znajduj lokalne miejsca za pomocą interfejsu API Wyszukiwania w pobliżu (nowy)
- Ranking popularności (bardziej trafne wyniki) lub ranking odległości.
includedTypes
,excludedTypes
; Jeśli prowadzisz hotel, możesz wykluczyć „zakwaterowanie” i obejmują tylko odpowiednie typy, np. „restauracja, kawiarnia, park”, Tourit_attraction”.- Wykorzystaj
includedPrimaryTypes
,excludedPrimaryTypes
, aby uzyskać jeszcze więcej i kontrolę nad wynikami. - Ograniczenie lokalizacji w celu uniknięcia niewystarczającej liczby wyników lub zbyt odległych miejsc miejsca ; w przypadku zerowej liczby wyników, poszerz okrąg / prostokąt przed aby wyświetlić wyniki.
Przykładowe zapytanie podczas rezerwacji hotelu z wymaganymi polami danych:
- Podstawowe (
displayName
,types
,openingHours
,formattedAddress
) - Kontakt (
websiteUri
,nationalPhoneNumber
,internationalPhoneNumber
) - Preferowana (
reviews
,priceLevel
,userRatingCount
)
{ "includedTypes": ["restaurant","cafe","park"], "excludedTypes": ["lodging","convenience_store"], "includedPrimaryTypes": ["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes": ["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": { "center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }
Przykładowe zapytanie wyświetlane podczas wyszukiwania nieruchomości z wymaganymi polami danych:
- Podstawowe (
displayName
,types
,openingHours
,formattedAddress
)
{ "includedTypes": ["school","transport","bus","convenience_store"], "excludedTypes": ["lodging"], "includedPrimaryTypes": ["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes": ["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": { "center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }
3. Dodawanie interaktywności za pomocą interfejsu Dynamic Maps and Directions API
- Aktualne kroki i kroki na podstawie zapytania o wskazówki dojazdu API. * Użyj czasu w następnej sekcji.
4. Wyświetl po interakcji szczegółowe informacje o miejscu
Opis:
displayName
,types
,rating
,userRatingCount
,priceLevel
Czas: na podstawie poprzedniego zapytania do interfejsu Directions API.
Opinie:
reviews[i].author
,reviews[i].rating
,reviews[i].text
.Obrazy: podczas korzystania z nieograniczonego podglądu interfejsu Topics API w pobliżu (nowego) możesz będzie musiała wysyłać zapytania dotyczące Miejsc Szczegóły z
place.id
, aby otrzymać photo_reference i zapytania po kolei,
Liczba zapytań i powiązane koszty
- JavaScript Map Interfejs API: 1 mapa podczas wczytywania eksperymentu.
- Places Autocomplete API: 1 zapytanie na każdy wpisany znak (w przypadku użycia Autouzupełnianie widżet), można ją dostosować.
- Wyszukiwanie w pobliżu (nowość) Interfejs API: 1 zapytanie na 20 wyświetlonych miejsc. Różne formy płatności w zależności od miejsca dane które są częścią odpowiedzi na zapytanie.
- Trasa Interfejs API: 1 zapytanie na każde miejsce wybrane przez użytkownika.
- Zdjęcie miejsca Interfejs API: 1 zapytanie dotyczące każdego wyświetlonego zdjęcia.
Podsumowanie
Lokalne odkrywanie produktów to skuteczny sposób zwiększania wartości użytkowników. Ten przykładowej implementacji ma wiele funkcji, które prawdopodobnie będzie można uwzględnić w Google Maps Platform dzięki specjalnym funkcjom z interfejsu API Wyszukiwanie w pobliżu (nowy) .
Następne kroki
Sugerujemy dodatkowe artykuły:
- Komponenty internetowe w interfejsie Maps JavaScript API
- Optymalizacja autouzupełniania w Miejscach
- Inne usługi Miejsc
- Zostaw opinię poniżej.
Współtwórcy
Główni autorzy:
Thomas Anglaret | Mapy Google Inżynier ds. platform