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

App para manejo de mapas
https://github.com/sgcm14/mapas-app

angular bootstrap jasmine-tests localstorage mapbox-gl

Last synced: about 2 months ago
JSON representation

App para manejo de mapas

• Host: GitHub
• URL: https://github.com/sgcm14/mapas-app
• Owner: sgcm14
• Created: 2023-04-17T02:00:23.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-08T21:40:16.000Z (almost 3 years ago)
• Last Synced: 2025-09-12T04:02:29.014Z (10 months ago)
• Topics: angular, bootstrap, jasmine-tests, localstorage, mapbox-gl
• Language: TypeScript
• Homepage: https://mapas-app-sgcm14.netlify.app/
• Size: 3.07 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Mapas Apps

==========

- 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/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/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/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.

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

> Pantalla de **propiedades**

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