Z tego dokumentu dowiesz się, jak za pomocą interfejsu API wyszukiwania w pobliżu (nowego) utworzyć prosty i opłacalny
do lokalnego odkrywania miejsc.
Funkcja lokalnego odkrywania treści pokazuje użytkownikom najważniejsze interesujące miejsca w pobliżu lokalizacji określonej przez Ciebie podczas wyszukiwania hotelu lub nieruchomości. Często składa się z interaktywnej mapy z dodatkowym panelem zawierającym wybór miejsca i galerię zdjęć. Zapoznamy się z różnymi usługami i funkcjami Google Maps Platform, które zwiększają interaktywność.
Przykłady zastosowania
Teraz omówimy, które elementy integracji lokalnego wykrywania zwiększają wartość użytkownika:
Odkrywanie – informuj użytkowników o tym, co znajduje się w pobliżu danej lokalizacji, wyświetlając odpowiednie miejsca różnego rodzaju.
Interaktywność – daj użytkownikom możliwość wyboru miejsca i dynamicznego odświeżania danych.
względem danego miejsca.
Wizualizacja – dodawanie opinii o miejscach i zdjęć
i czasu przejścia pieszo, aby umożliwić użytkownikom szybkie określenie, czy to zaspokaja ich potrzeby.
Architektura referencyjna
Odkrywanie treści lokalnych
Istnieje wiele sposobów na tworzenie lokalnych atrakcji. Ta integracja jest niestandardowym przykładem wrażeń użytkownika, który wykorzystuje znane interfejsy API Google Maps Platform, a także kilka nowych, ciekawych funkcji. Jeśli chcesz korzystać z podejścia do lokalnego wykrywania na podstawie szablonu, możesz użyć komponentów sieciowych.
Przykładowa aplikacja
Przykładowy przewodnik
W tabeli poniżej przykładowej aplikacji znajdziesz podział na etapy oraz opis implementacji technicznej za pomocą interfejsów Google Maps Platform API.
1. Wyszukiwanie lokalizacji z funkcją autouzupełniania lokalizacji
- Wczytaj interfejs Maps JavaScript API.
- Zapytanie o autouzupełnianie miejsc lub wybierz lokalizację na mapie.
2. Wyświetlanie ciekawych miejsc w pobliżu za pomocą interfejsu API wyszukiwania w pobliżu (nowego)
- Ranking popularności (trafniejsze wyniki) lub ranking dystansu.
includedTypes
,excludedTypes
; jeśli jesteś hotelem, możesz wykluczyć typ „zakwaterowanie” i podać tylko jego typy, np. „restauracja, kawiarnia, park, atrakcja_turystyczna”.- Wykorzystaj
includedPrimaryTypes
iexcludedPrimaryTypes
, aby jeszcze lepiej kontrolować wyniki. - „Ograniczenie lokalizacji”, aby uniknąć niewystarczającej liczby wyników lub zbyt odległych miejsc. W przypadku braku wyników zwiększ rozmiar okręgu / prostokąta, zanim wyświetlą się wyniki.
Przykładowe zapytanie podczas rezerwacji hotelu z użyciem pól danych:
- Podstawowy (
displayName
,types
,openingHours
,formattedAddress
) - Kontakt (
websiteUri
,nationalPhoneNumber
,internationalPhoneNumber
) - Preferowane (
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 podczas wyszukiwania nieruchomości z wykorzystaniem pól danych:
- Podstawowy (
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. Dodaj interaktywność dzięki interfejsowi Dynamic Maps and Directions API
- Zaktualizuj etap i kroki, wysyłając zapytanie do Directions API. * Wykorzystaj czas w następnej sekcji.
4. Wyświetl szczegółowe informacje o miejscu po interakcji
Opis:
displayName
,types
,rating
,userRatingCount
,priceLevel
.Czas: pochodzi z poprzedniego zapytania do interfejsu Directions API.
Opinie:
reviews[i].author
,reviews[i].rating
,reviews[i].text
.Obrazy: w ramach interfejsu API wyszukiwania w pobliżu bez ograniczeń musisz przesłać zapytanie PlacesDetails za pomocą
place.id
, aby uzyskać atrybut photo_reference, a następnie przesłać zapytanie pojedynczo w narzędziu
Liczba zapytań i powiązane z nimi koszty
- Map JavaScript API: 1 mapa podczas wczytywania interfejsu.
- Interfejs Places Autocomplete API: po jednym zapytaniu na każdy wpisany znak (jeśli używasz widżetu autouzupełniania), możesz je dostosować.
- Wyszukiwanie w pobliżu (nowość) API: 1 zapytanie na 20 wyświetlonych miejsc. Płatności różnią się w zależności od danych miejsc, które są częścią odpowiedzi na zapytanie.
- Directions API: 1 zapytanie w każdym miejscu wybranym przez użytkownika.
- Place Photo API: 1 zapytanie do każdego wyświetlanego zdjęcia.
Podsumowanie
Odkrywanie miejsc w internecie to świetny sposób na zwiększenie wartości dla użytkowników. Ta demonstracja obejmuje wiele funkcji, które prawdopodobnie uwzględnisz podczas tworzenia takich treści w Google Maps Platform ze specjalnymi możliwościami interfejsu API wyszukiwania w pobliżu (nowego) .
Dalsze kroki
Sugerowana dalsza analiza:
- Komponenty sieciowe w interfejsie Maps JavaScript API
- Optymalizacja autouzupełniania miejsc
- Inne usługi Miejsc
- Prześlij opinię poniżej.
Współtwórcy
Główne autorzy:
Thomas Anglaret | Inżynier ds. platform Map Google