https://github.com/sgcm14/mapas-app-v2

App para manejo de mapas y standalone components
https://github.com/sgcm14/mapas-app-v2

angular bootstrap jasmine-tests localstorage mapbox-gl standalone

Last synced: about 2 months ago
JSON representation

App para manejo de mapas y standalone components

• Host: GitHub
• URL: https://github.com/sgcm14/mapas-app-v2
• Owner: sgcm14
• Created: 2023-05-15T04:25:57.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-08T22:41:48.000Z (almost 3 years ago)
• Last Synced: 2025-03-15T11:49:52.455Z (over 1 year ago)
• Topics: angular, bootstrap, jasmine-tests, localstorage, mapbox-gl, standalone
• Language: TypeScript
• Homepage: https://mapas-app-v2-sgcm14.netlify.app/
• Size: 3.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Mapas Apps v2

=============

- Este proyecto se realizó siguiendo el curso [Angular: De cero a experto](https://www.udemy.com/course/angular-fernando-herrera/# "Angular: De cero a experto") 

> En este proyecto se usó Angular, Bootstrap

En esta página puedes ver un mapa

![](https://raw.githubusercontent.com/sgcm14/mapas-app-v2/main/doc/imagen1.png)

> Pantalla de **full-screen**

En esta otra vista se puede hacer zoom al mapa

![](https://raw.githubusercontent.com/sgcm14/mapas-app-v2/main/doc/imagen2.png)

> Pantalla de **zoom-range**

En esta vista puedes añadir marcadores de diferentes lugares, estos se agregaran debajo del boton **agregar** con su respectivo color generado dinámicamente, estas ubicaciones se guardarán en un arreglo y a su vez en localstorage, permitiendo que la información se mantenga.

![](https://raw.githubusercontent.com/sgcm14/mapas-app-v2/main/doc/imagen3.png)

> Pantalla de **marcadores**

En esta vista se envía a un subcomponente el mapa para que se muestre en la parte superior de cada item. Y que el counter es un standalone insertado en esta vista.

![](https://raw.githubusercontent.com/sgcm14/mapas-app-v2/main/doc/imagen4.png)

> Pantalla de **propiedades**

En esta vista se puede ver el uso e implementación de un standalone

![](https://raw.githubusercontent.com/sgcm14/mapas-app-v2/main/doc/imagen5.png)

> Pantalla de **standalone**

Como último punto comentar que el menu era un componente comun y se convirtió a standalone.

**Realizado por :** Sammy Gigi Cantoral Montejo (sgcm14)