La prueba se realizó utilizando:
- Angular 8
- Angular Material: https://material.angular.io/
- Leaflet (Interactividad con mapas): https://leafletjs.com/
- OpenStreetMap
Inicia con ng serve, Entra a la ventana principal donde se encuentra el menú en la parte izquierda, en la parte central la opción para agregar una dirección de origen o seleccionar una de Favoritos.
Direcciones de origen habilitadas para ingresar en el campo origen del proyecto:
- Suba
- Teusaquillo
- ChÃa
- Tocancipá
La siguiente vista en la parte central es la opción para agregar una dirección de destino o seleccionar una de Favoritos.
Direccion de destino habilitadas para ingresar en el campo destino del proyecto:
- Suba
- Teusaquillo
- ChÃa
- Tocancipá
En la parte derecha se puede visualizar el mapa de OpenStreetMap, allà se van marcando las rutas que se seleccionaron.
- Sidenav contiene la sección izquierda de la aplicación, es decir, todo el menú lateral izquierdo.
- home donde se encuentra la ventana principal de la aplicación.
Dentro de está carpeta se encuentran las carpetas:
- files: se encuentra el archivo .json con la información de las locaciones favoritas.
- leaflet: archivos .js y .css de la libreria.
This project was generated with Angular CLI version 8.2.0.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
"# Finalizaci�n frontend vista selecci�n origen"
"### Tambi�n se agrego paquete para Google Maps"
"#Agregando API openstreetmap y leaflet"
"Tambi‚n se encuentra la vista origen y destino terminadas"