Mit der Nearby Search API die lokale Auffindbarkeit verbessern (New) API

In diesem Dokument erfahren Sie, wie Sie Nearby Search (New) API einfache und kostengünstige

Local Discovery Experience.

Bei der lokalen Suche sehen Nutzer wichtige POIs in der Nähe eines Standorts die Sie bei der Suche nach einem Hotel oder einer Immobilie angeben. Sie besteht häufig aus einer interaktive Karte mit einem zusätzlichen Bereich, der eine Ortsauswahl und einen Fotogalerie. Ihnen werden verschiedene Google Maps Platform-Funktionen präsentiert. Produkten und Funktionen, um das Erlebnis durch Interaktivität zu verbessern.

Beispiel für lokale Discovery

Anwendungsfälle

Sehen wir uns nun an, welche Elemente der Local Discovery Integration Wert:

  • Auffindbarkeit – Nutzern einen Überblick über die Umgebung eines einzelnen Standorts geben indem relevante Orte verschiedenster Art angezeigt werden.

  • Interaktivität – Bieten Sie Nutzern die Möglichkeit, einen Ort auszuwählen und die Daten dynamisch zu aktualisieren.

    in Bezug auf diesen Ort.

  • Visualisierung – Stellen Sie Rezensionen und Fotos zu Orten zur Verfügung.

    sowie die Gehzeit und Entfernung, damit die Nutzenden schnell erkennen, ihre Bedürfnisse zu erfüllen.

Referenzarchitektur

alt_text

Lokale Suche

Es gibt viele Möglichkeiten, lokale Empfehlungen zu schaffen. Die folgenden ist die Integration ein benutzerdefiniertes Beispiel für eine User Experience, die bekannte Google Maps Platform-APIs sowie einige spannende neue Funktionen. Wenn Sie wünschen sich einen vorlagenbasierten Ansatz für die lokale Suche. Sie können dazu Web- Komponenten.

Beispiel-App

Beispielhafte Schritt-für-Schritt-Anleitung

Die Beispielanwendung wird in der Tabelle unter den einzelnen Schritten dargestellt. zusammen mit einer Beschreibung der technischen Umsetzung mit Google Maps. Plattform-APIs

1. Standortsuche mit automatischer Vervollständigung von Standortinformationen

  • Laden Sie die Maps JavaScript API.
  • Places Autocomplete-Anfrage stellen oder einen Ort auf der Karte auswählen

Beispiel für automatische Vervollständigung

2. Lokale POIs mit der Nearby Search (New) API präsentieren

  • Beliebtheitsrangfolge (relevantere Ergebnisse) oder Entfernungsrang
  • includedTypes, excludedTypes ; Wenn Sie ein Hotel sind, können Sie "Unterkünfte" und schließen Sie nur geeignete Typen ein, z. B. "Restaurant, Café, Park, tourit_attraction.
  • Nutzen Sie includedPrimaryTypes und excludedPrimaryTypes für noch mehr Kontrolle über die Ergebnisse.
  • „locationRestriction“, um eine unzureichende Anzahl von Ergebnissen oder zu weit entfernte Ergebnisse zu vermeiden Places : Bei NULL-Ergebnissen die Kreis-/Rechteckgröße zuerst erweitern um Ergebnisse anzuzeigen.

Beispiele für Orte in der Nähe

Abfragebeispiel bei der Buchung eines Hotels mit angeforderten Datenfeldern:

  • Einfach (displayName, types, openingHours, formattedAddress)
  • Kontakt (websiteUri, nationalPhoneNumber, internationalPhoneNumber)
  • Bevorzugt (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 } } }

Abfragebeispiel für die Suche in einer Immobilie mit angeforderten Datenfeldern:

  • Einfach (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. Interaktivität mit Dynamic Maps und Directions API hinzufügen

  • Aktuelle Abschnitte und Schritte durch Abfrage von Directions API verfügbar. * Nutzen Sie die Zeit im nächsten Abschnitt.

Beispielrouten

4. Bei der Interaktion detaillierte Informationen zum Ort anzeigen

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

    Zeit: kommt von der vorherigen Directions API-Abfrage.

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

  3. Bilder: Während der Uneingeschränkten Vorschau der Nearby Search (New) API wird Folgendes angezeigt: müssen Places Details mit place.id, um photo_reference und dann eine nach der anderen abfragen,

Ortsdetails

Anzahl der Abfragen und zugehörige Kosten

Fazit

Ein lokales Erlebnis ist ein wirkungsvolles Mittel, um Nutzern einen Mehrwert zu bieten. Dieses Demo-Implementierung enthält viele Funktionen, die Sie wahrscheinlich die auf der Google Maps Platform ein solches Erlebnis mit besonderen Funktionen aus der Nearby Search (New) API .

Nächste Schritte

Weitere Informationen:

Beitragende

Hauptautoren:

Thomas Anglaret | Google Maps Platform Solutions Engineer