Mejora el descubrimiento local con la API de Nearby Search (nuevo)

En este documento, verás cómo usar la API de Nearby Search (nueva) para compilar una experiencia de descubrimiento local simple y rentable.

Una experiencia de descubrimiento local muestra a los usuarios lugares de interés clave cerca de una ubicación que especifiques cuando buscan un hotel o una propiedad inmobiliaria.

Por lo general, consiste en un mapa interactivo, con un panel adicional que contiene un selector de lugares y una galería de fotos. Se te presentarán diferentes productos y capacidades de Google Maps Platform para mejorar la experiencia con interactividad. Casos de uso

Ejemplo de descubrimiento local

Ahora, veamos qué elementos de la integración de descubrimiento local generan valor para el usuario:

Ahora entendamos qué elementos de la integración de descubrimiento local impulsan el valor para el usuario:

  • Interactividad : Permite a los usuarios seleccionar un lugar y actualizar los datos de forma dinámica mediante la presentación de lugares relevantes de varios tipos.

  • Interactivité - Permettez aux utilisateurs de sélectionner un lieu et de rafraîchir dynamiquement les données

    **Visualización** : Proporciona reseñas de lugares, fotos

  • Visualización - Proporciona reseñas de lugares, fotos

    Arquitectura de referencia

Descubrimiento local

alt_text

Hay muchas formas de crear una experiencia de descubrimiento local.

La siguiente integración es un **ejemplo personalizado** de una experiencia del usuario que aprovecha las APIs conocidas de Google Maps Platform, así como algunas funciones nuevas y emocionantes. La siguiente integración es un ejemplo personalizado de una experiencia de usuario que aprovecha las API conocidas de Google Maps Platform, así como algunas funciones nuevas e interesantes. Aplicación de muestra

Explicación de ejemplo

En la siguiente tabla, encontrarás la aplicación de muestra dividida en pasos junto con una descripción de la implementación técnica con las APIs de Google Maps Platform.

1.

Búsqueda de ubicación con AutocompleteSearch location Carga la **API de Maps JavaScript**.

  • Consulta Places Autocomplete o elige la ubicación en el mapa.
  • Places Autocomplete query or pick location on the map.

Autocompletado de muestra

Muestra puntos de interés locales con la **API de Nearby Search (nueva)** Clasificación por popularidad (resultados más relevantes) o clasificación por distancia.

  • `includedTypes`, `excludedTypes`; si tienes un hotel, puedes excluir el tipo “alojamiento” e incluir solo los tipos adecuados, es decir, “restaurante, cafetería, parque, atracción turística”.
  • includedTypes, excludedTypes ; si eres un hotel puedes excluir el tipo “alojamiento” e incluir solo los tipos adecuados, por ejemplo: “restaurante, cafetería, parque, atracción turística”.
  • Aprovecha includedPrimaryTypes, excludedPrimaryTypes para tener aún más control sobre los resultados.
  • Restricción de ubicación para evitar un número insuficiente de resultados o lugares demasiado lejanos ; en caso de CERO resultados, amplíe el tamaño del círculo / rectángulo antes de mostrar los resultados.

Ejemplo de lugares cercanos

Básico (`displayName`, `types`, `openingHours`, `formattedAddress`)

  • Contacto (displayName, types, openingHours, formattedAddress)
  • Preferidos (websiteUri, nationalPhoneNumber, internationalPhoneNumber)
  • Preferido (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 } } }

Básico (`displayName`, `types`, `openingHours`, `formattedAddress`)

  • 3. (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 } } }

Agrega **interactividad** con la API de Maps y Directions dinámicos Añade interactividad con la API de Maps y Directions dinámicas

Instrucciones de muestra

Muestra información detallada del lugar cuando se interactúa con él **Descripción** : `displayName`, `types`, `rating`, `userRatingCount`, `priceLevel`.

  1. Descripción: displayName, types, rating, userRatingCount, priceLevel.

    Reseñas: `reviews[i].author`, `reviews[i].rating`,`reviews[i].text`.

  2. Reseñas: reviews[i].author, reviews[i].rating,reviews[i].text.

  3. Imágenes: durante la vista previa sin restricciones de la API de búsqueda de lugares cercanos (nueva), tendrás que consultar los detalles de los lugares con place.id para obtener photo_reference y, luego, consultarla de a una en tu experiencia

detalles de lugares

API de Maps JavaScript: 1 mapa cuando se carga la experiencia.

Una experiencia de descubrimiento local es una forma eficaz de generar valor para el usuario.

Esta implementación de demostración tiene muchas funciones que es probable que incluyas cuando crees una experiencia de este tipo en Google Maps Platform con capacidades especiales de la API de Nearby Search (nueva). Esta implementación de demostración tiene muchas funciones que probablemente incluirás al crear una experiencia similar en Google Maps Platform con capacidades especiales de la API de Nearby Search (nueva) .

Lectura adicional sugerida:

Componentes web en la API de Maps JavaScript

Autores principales:

Thomas Anglaret | Ingeniero de soluciones de Google Maps Platform

Thomas Anglaret | Ingeniero de soluciones de Google Maps Platform