Sugerencias para crear la mejor experiencia del usuario cuando navegas a ubicaciones con un automóvil

Existe una versión más reciente de este documento con ejemplos de cómo usar las nuevas APIs de Places y Routes.

Por lo general, cuando el usuario conduce a un punto de interés (POI), en realidad necesita navegación a una ubicación cercana, como un estacionamiento o un punto de acceso. Imagina a un conductor que necesita ir a un aeropuerto o a un centro comercial. Cuando va a un aeropuerto, el conductor intenta llegar a una terminal o a un punto de descenso en lugar de al centro del complejo del aeropuerto. Del mismo modo, un estacionamiento junto al centro comercial podría ser una opción mucho mejor para un usuario con un automóvil. En este caso, cuando desarrolles una app o un servicio para guiar al conductor, primero busca la ubicación a la que se dirige y, luego, ofrécele destinos opcionales cerca de esa ubicación. Este enfoque te permite brindar un mejor servicio a tus clientes y demostrar que valoras su tiempo, con un esfuerzo de desarrollo pequeño pero inteligente que aprovecha los datos de ubicación que proporciona Google Maps Platform.

[Contexto del sistema] Sistemas de navegación de alto nivel
Vista simplificada de los sistemas involucrados cuando se guía al conductor a una ubicación en automóvil
Diagrama de sistemas de alto nivel

Te mostraremos cómo puedes usar la API de Places y la API de Directions en secuencia o combinación para identificar la ubicación correcta para estacionar junto a tu destino. El objetivo de esta solución es eliminar la incertidumbre y las múltiples interacciones para encontrar un lugar para estacionar mientras conduces una vez que te acercas al destino final. Veamos dos ejemplos de cómo se podrían implementar estos casos en detalle.

Ejemplo 1: Una atracción turística sin estacionamiento

Elegiremos una ubicación que no esté conectada directamente a la carretera para que se deba recuperar una ruta por separado. El destino es Notre Dame en París y, como punto de partida , usaremos la estación de trenes Gare de l’Est (48.87697775149635, 2.3592247806755564).

Gare de l'Est

El conductor sale de la estación a unos 16 minutos al norte de Notre Dame. Notre Dame es una famosa atracción turística en una isla con acceso por puente, algunas calles de sentido único y sin estacionamiento grande disponible cerca, por lo que debería ser un desafío interesante.

Solicitud a la API de Places

En este ejemplo de solicitud a la API de Places, se usa “text search” para encontrar Notre Dame. Si quieres conocer más detalles, consulta la documentación para programadores. La “YOUR_KEY” en estos ejemplos es la clave de API que tienes para las APIs de Places y Directions de Google Maps Platform habilitadas en la consola de Google Cloud. Para obtener una explicación más detallada, consulta la documentación para comenzar a utilizar Google Maps Platform.

https://maps.googleapis.com/maps/api/place/textsearch/json?query=notre_dame&location=48.864716%2C2.349014&region=fr&key=YOUR_KEY

La respuesta a la solicitud anterior proporciona las siguientes coordenadas de latitud y longitud:

  "results" : [
      {
        "formatted_address" : "Notre Dame, Paris",
        "geometry" : {
           "location" : {
               "lat" : 48.8527288,
                },
  ...

Como puedes ver, las coordenadas indican Notre Dame.

Foto de Notre Dame
Notre Dame en el mapa

Como desarrollador o proveedor de servicios, es una buena idea solicitar automáticamente al conductor “¿Buscas estacionamiento cerca de Notre Dame?”. La experiencia del usuario será diferente según el dispositivo y la pantalla, pero en este caso podría valer la pena considerar un texto emergente sutil que desaparezca después de un breve período. Para encontrar estacionamiento cerca de Notre Dame, realiza una búsqueda de texto de la API de Places con los parámetros de tipo “parking” y radio “300” establecidos. En este ejemplo, se sesgarán los resultados a las áreas de estacionamiento dentro de los 300 metros de Notre Dame.

https://maps.googleapis.com/maps/api/place/textsearch/json?query=parking
&location=48.8527288%2C2.3505635&region=fr&type=parking&radius=300&key=YOUR_KEY

El primer resultado es “Parking Saemes Maubert-Lagrange” en 48.850591, 2.3486436. Usemos esta ubicación en la siguiente parte, en la que realizamos una solicitud a la API de Directions.

Solicitud a la API de Directions

Para encontrar la ruta desde la estación hasta un área de estacionamiento cerca de Notre Dame, debes realizar una solicitud a la API de Directions. Solo configura los parámetros de origen y destino. Consulta la documentación para desarrolladores para obtener más opciones.

https://maps.googleapis.com/maps/api/directions/json?origin=48.8767903,2.3592251&destination=48.850591%2C2.3486436&key=YOUR_KEY

Por lo general, la respuesta de la API de Directions contiene varias sugerencias de rutas. Cada ruta consta de varios “tramos”, que contienen varios “pasos” que muestran la distancia de viaje y las coordenadas. Para encontrar las coordenadas finales a las que se puede llegar en automóvil, usa el campo “end_location” del último paso de un último tramo en una ruta que seleccionaste.

Es posible que esta ubicación no parezca la primera opción, pero, cuando mires el mapa o Google Street View, verás que se encuentra a una distancia muy corta a pie, de unos 6 a 7 minutos, de Notre Dame.

Ruta a pie desde el estacionamiento hasta Notre Dame

Ruta a pie desde el área de estacionamiento hasta Notre Dame

Resumen del ejemplo 1

Como puedes ver, encontrar un área de estacionamiento para un automóvil solo requiere algunas llamadas a la API y mostrar la sugerencia al conductor. Esto ahorra tiempo a tus usuarios, ya que no conducen por calles de sentido único ni intentan encontrar un lugar para dejar el automóvil en una atracción turística concurrida. Como resumen, realizamos las siguientes solicitudes a la API:

  • Una solicitud a la API de Places para encontrar las coordenadas de Notre Dame
  • Una solicitud a la API de Places para encontrar un área de estacionamiento dentro de los 300 metros de esas coordenadas
  • Una solicitud a la API de Directions para encontrar una ruta al área de estacionamiento

Ejemplo 2: Cómo guiar a una terminal en un aeropuerto grande

Aeropuerto de Heathrow en el mapa
Consideremos otro ejemplo en el que el conductor intenta llegar a un área grande que tiene varias ubicaciones, POIs o posibles puntos de descenso. El conductor sale del estadio de Wembley, Reino Unido (51.557263604707224, -0.2794575145680608) y trata de llegar a la terminal 5 del aeropuerto de Heathrow de Londres. Por lo general, el usuario comienza a escribir “Heathrow” y, la mayoría de las veces, las personas eligen uno de los primeros 2 o 3 resultados si parece el resultado correcto. En el resultado seleccionado, puedes descubrir que la ubicación es un aeropuerto leyendo los valores del campo “types”. Puedes encontrar la lista completa de tipos aquí.

  "types" : [ "airport", "point_of_interest", "establishment" ],

Sin embargo, cualquier persona que haya visitado un aeropuerto grande sabe que se necesita una cantidad significativa de tiempo para transferirse entre terminales si llegas a la ubicación incorrecta. En este caso, como el tipo del resultado de la búsqueda es “airport”, es útil hacer un seguimiento automático de la consulta para buscar “terminal” con la ubicación del aeropuerto de Heathrow de Londres (51.47016927594547, -0.45432767852489075). En el ejemplo, también puedes ver la limitación opcional del radio de búsqueda de 3,000 metros.

  https://maps.googleapis.com/maps/api/place/textsearch/json?query=terminal&location=51.47016927594547%2C-0.45432767852489075&region=gb&key=YOUR_KEY&radius=3000

La consulta anterior nos proporciona una lista de las terminales y los puntos de descenso individuales en esas terminales. En la lista de resultados, podemos encontrar “London Heathrow Airport Terminal 5” y su ID de lugar:

 "place_id" : "ChIJtQRd6XVxdkgRTUGZtcsoGNc",

Con el parámetro “place_id”, podemos indicarle a la API de Directions que intentamos llegar a un lugar en lugar de a algunas coordenadas arbitrarias.

  https://maps.googleapis.com/maps/api/directions/json?origin=51.557263604707224,-0.2794575145680608&destination=place_id:ChIJtQRd6XVxdkgRTUGZtcsoGNc&key=YOUR_KEY

Al igual que en el ejemplo anterior, si lees todos los pasos de la respuesta JSON, encontrarás la última parte del viaje y las coordenadas de latitud y longitud de las ubicaciones finales (51.47079979999999,-0.4896765).

Terminal 5 de Heathrow

Resumen del ejemplo 2

Al igual que en el ejemplo anterior, el esfuerzo de desarrollo para proporcionar una guía mejorada al conductor es muy pequeño, y los beneficios en el tiempo ahorrado al conductor se miden fácilmente. Realizamos las siguientes solicitudes:

  • Una solicitud a la API de Places para encontrar el aeropuerto de Heathrow
  • Una solicitud a la API de Places para encontrar todas las terminales cercanas a las coordenadas del aeropuerto de Heathrow
  • Una solicitud a la API de Directions para obtener una ruta a la terminal 5

Conclusión

Como puedes ver, el esfuerzo de desarrollo necesario para proporcionar un servicio premium a tus clientes que viajan en automóvil es bastante pequeño y te permite demostrar fácilmente cómo piensas en las necesidades de tus clientes.

Para fines de desarrollo, puedes usar muchas de las bibliotecas y herramientas disponibles para ayudarte a compilar los servicios para tus clientes. Consulta nuestro repositorio de GitHub disponible públicamente para Google Maps Platform.

Próximas acciones

Autor principal

Mikko Toivanen | Ingeniero de soluciones de Google Maps Platform