Popraw widoczność w okolicy dzięki funkcji Wyszukiwanie w pobliżu (nowy interfejs)

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

1. Opis: displayName, types, rating, userRatingCount, priceLevel

   Czas: na podstawie poprzedniego zapytania do interfejsu Directions API.

2. Opinie: reviews[i].author, reviews[i].rating,reviews[i].text.

3. 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) .

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 | Mapy Google Inżynier ds. platform