LAB-CAR

Usando los recursos de bootstrap y Google Maps Api logramos desarrollar una página web responsive para el servicio de taxis Labcar en el cual el usuario puede realizar un trazado de ruta entre dos puntos ingresados mediante inputs y visualizarlo en un mapa.

Desarrollado para Laboratoria

Herramientas utilizadas

- HTML5
- CSS3
- JS
- Bootstrap
- Google Maps api
- Api de HTML5 (Geolocation)

Funcionamiento

Autocompletado de direcciones

Para el autocompletado de direcciones se uso la función de la biblioteca de Places de la Google Maps JavaScript API. Esta herramienta se uso con la finalidad de darlea la aplicación el comportamiento de escritura anticipada para simplicar el trabajo del usuario y evitar errorer de escrituras

Trazado de rutas El trazado de ruta se uso una key única dentro de un script ubicado dentro del html en el cual se esta integrando como callback a la funcion de inicio para el trazado(callback=initMap) y la libreria de autocompletado de google maps. Este sería el resultado en el mapa.

RESULTADO FINAL

MODALES

Fuentes de Consulta

• Documentacion de Google Api Ver.
• Laboratoria Lms Ver.
• Documentacion de Bootstrap Ver.