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 de Routes.

Por lo general, cuando el usuario conduce hacia un punto de interés (POI), en realidad necesita navegación hacia 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 se dirige a un aeropuerto, el conductor intenta llegar a una terminal o a un punto de descenso en lugar de al centro del complejo aeroportuario. Del mismo modo, un estacionamiento junto al centro comercial podría ser una opción mucho mejor para un usuario con 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 proporcionados por 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 de forma secuencial o combinada para identificar la ubicación adecuada para estacionar cerca de tu destino. El objetivo de esta solución es eliminar la incertidumbre y las múltiples interacciones para encontrar un lugar donde 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

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

Gare de l'Est

El conductor sale de la estación 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 un solo sentido y ningún 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 la “búsqueda de texto” para encontrar Notre Dame. Consulta la documentación para desarrolladores para obtener más detalles. La cadena “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 sobre cómo 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 efectivamente señalan Notre Dame.

Foto de Notre Dame
Notre Dame en el mapa

Como desarrollador o proveedor de servicios, es una buena idea preguntar automáticamente al conductor: “¿Estás buscando estacionamiento cerca de Notre Dame?”. La experiencia del usuario será diferente según el dispositivo y la pantalla, pero un texto emergente sutil que desaparezca después de un breve período podría valer la pena considerarlo en este caso. Para encontrar estacionamiento cerca de Notre Dame, haz una búsqueda de texto en la API de Places con los parámetros de tipo “parking” y radio “300” establecidos. Este ejemplo sesgará los resultados hacia las áreas de estacionamiento a menos de 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 realizaremos 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 hacer una solicitud a la API de Directions. Solo debes establecer 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, a su vez, contienen varios "pasos" que muestran la distancia y las coordenadas de viaje. Para encontrar las coordenadas finales a las que se puede llegar en automóvil, usa el campo “end_location” del último paso del último tramo de una ruta que seleccionaste.

Esta ubicación puede no parecer la primera opción, pero, cuando mires el mapa o Google Street View, verás que está a una distancia muy corta a pie, de unos 6 o 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 les ahorra tiempo a los usuarios, ya que no tienen que conducir por calles de un solo sentido ni intentar encontrar un lugar para dejar el automóvil en una atracción turística concurrida. En 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 a 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 un usuario 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, PDI o posibles puntos de entrega. El conductor sale del estadio de Wembley, Reino Unido (51.557263604707224, -0.2794575145680608) y quiere llegar a la terminal 5 del aeropuerto de Londres-Heathrow. Por lo general, el usuario comenzaría a escribir "Heathrow" y, la mayoría de las veces, las personas eligen uno de los primeros 2 o 3 resultados si parece ser el correcto. En el resultado seleccionado, puedes ver 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 trasladarse entre las terminales si llegas a la ubicación incorrecta. En este caso, dado que el tipo de resultado de la búsqueda es “aeropuerto”, es útil hacer un seguimiento automático de la consulta para buscar “terminal” usando la ubicación del aeropuerto de Heathrow en 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 búsqueda anterior nos proporciona una lista de las terminales y los puntos de entrega 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

Nuevamente, como 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 mejor orientación al conductor es muy pequeño, y los beneficios en el tiempo ahorrado para el conductor se pueden medir 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 brindar un servicio premium a tus clientes que viajan en automóvil es bastante pequeño y te permite demostrar fácilmente cómo tienes en cuenta 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