Z tego dokumentu dowiesz się, jak za pomocą nowego interfejsu API wyszukiwania w pobliżu utworzyć prosty i opłacalny
lokalnego odkrywania treści.
Funkcja odkrywania lokalnego pokazuje użytkownikom najważniejsze interesujące miejsca w pobliżu lokalizacji określonej przez Ciebie podczas wyszukiwania hotelu lub nieruchomości. Zwykle składa się ona z interaktywnej mapy z dodatkowym panelem zawierającym wybór miejsc i galerię zdjęć. Prezentujemy różne usługi i funkcje Google Maps Platform, które zwiększają interaktywność.
Przykłady zastosowania
Dowiedzmy się teraz, które elementy integracji wykrywania lokalnego wpływają na wartość użytkownika:
Odkrywanie – pozwól użytkownikom dowiedzieć się, co znajduje się w pobliżu danej lokalizacji, wskazują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ęć
a także czas podróży i odległość, aby użytkownicy mogli szybko ocenić, czy im odpowiada.
Architektura referencyjna
Wyszukiwanie lokalne
Jest wiele sposobów na to, by umożliwić lokalne odkrywanie treści. Poniżej znajduje się niestandardowy przykład interfejsu użytkownika wykorzystującego znane interfejsy API Google Maps Platform, a także kilka nowych, ciekawych funkcji. Jeśli chcesz zastosować szablonowe podejście do wykrywania lokalnego, możesz użyć komponentów internetowych.
Przykładowa aplikacja
Przykładowy przewodnik
W tabeli poniżej znajdziesz przykładową aplikację z podziałem na kroki oraz opis technicznej implementacji za pomocą interfejsów Google Maps Platform API.
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ć typ „kwatery” i uwzględnić tylko odpowiednie typy obiektów, np. „restauracja, kawiarnia, park, atrakcja_turystyczna”.- Wykorzystaj
includedPrimaryTypes
iexcludedPrimaryTypes
, aby uzyskać jeszcze większą kontrolę nad wynikami. - Ograniczenie lokalizacji w celu uniknięcia wyświetlania zbyt małej liczby wyników lub miejsc zbyt odległych. W przypadku braku wyników zwiększ rozmiar koła / prostokąta, aby je wyświetlić.
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 informacje o etapach i krokach dzięki zapytaniu do interfejsu Directions 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: w ramach nowego interfejsu API wyszukiwania w pobliżu bez ograniczeń musisz wysyłać zapytania dotyczące szczegółów miejsc za pomocą adresu
place.id
, aby uzyskać parametr photo_reference na potrzeby kolejnych zapytań.
Liczba zapytań i powiązane koszty
- Maps JavaScript API: 1 mapa podczas wczytywania działania.
- Places API Autocomplete API: 1 zapytanie na każdy wpisany znak (w przypadku widżetu autouzupełniania), które można dostosować.
- Interfejs API wyszukiwania w pobliżu (nowy): 1 zapytanie na 20 wyświetlonych miejsc. Płatności różnią się w zależności od danych dotyczących miejsc, które są częścią odpowiedzi na zapytanie.
- Directions API: 1 zapytanie na każde miejsce wybrane przez użytkownika.
- Place Photo API: 1 zapytanie na każde wyświetlone zdjęcie.
Podsumowanie
Lokalne odkrywanie produktów to skuteczny sposób zwiększania wartości użytkowników. Ta demonstracyjna implementacja ma wiele funkcji, które prawdopodobnie będzie można uwzględnić podczas tworzenia takiego środowiska w Google Maps Platform ze specjalnymi funkcjami dostępnymi w interfejsie API wyszukiwania w pobliżu (nowy) .
Dalsze 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 | Inżynier ds. platform Map Google