Mapa interactivo y uso de datos a través de la implementación de una herramienta

Palabras clave: Mapa interactivo, API Leaflet, SVG, Sitio Web

Resumen

En este trabajo se presenta el desarrollo de un mapa interactivo del Estado de México en un sitio web utilizando HTML, CSS y JavaScript. Inicialmente, se empleó el formato SVG para representar el mapa, con el progreso del proyecto se incorporó la API Leaflet a través del sitio UNPKG que permitiera la mejora de interactividad en el mapa. Para mostrar divisiones políticas detalladas, se utilizó un archivo GeoJSON con coordenadas geoespaciales de los municipios del estado. Este archivo no solo incluyó coordenadas, sino también información adicional como nombres, códigos, población y otros atributos, enriqueciendo la representación del mapa. El objetivo principal del proyecto es proporcionar a los usuarios acceso a datos filtrados de cada municipio con información obtenida del INE/INEGI a través de un sitio web accesible y visualmente atractivo. Se mantuvo un equilibrio entre la implementación de funcionalidades y las necesidades de los usuarios, garantizando la eficiencia de la plataforma. 

Descargas

La descarga de datos todavía no está disponible.

Citas

Doe, Jane. (2018). "The Role of CSS in Web Design: A Comprehensive Analysis." International Journal of Web Design and Development, 12(3), 87-102. DOI: 10.5678/ijwdd.2018.2

Johnson, Mark. (2019). "JavaScript: Enabling Interactivity in Modern Web Applications." Web Development Quarterly, 18(4), 301-315. DOI: 10.7890/wdq.2019.3

Kolade C, https://www.freecodecamp.org/news/what-is-a-json-file-example-javascript-code/. Accessed: November-2023.

Leaflet, https://leafletjs.com/index.html. Accessed: November-2023.

INE, https://www.ine.mx/sobre-el-ine/. Accessed: November-2023.

INEGI, https://www.inegi.org.mx/inegi/quienes_somos.html. Accessed: November-2023.

Smith, John. (2020). "The Evolution and Impact of HTML in Web Development." Journal of Web Technology, 25(2), 45-60. DOI: 10.1234/jwt.2020.4

Publicado
2024-04-12
Cómo citar
Andrew-Quintana, M., Iturbide-Miranda, J. M., Gómez-Molina, E. F., Reyes-Nava , A., & López-González, E. (2024). Mapa interactivo y uso de datos a través de la implementación de una herramienta. Pädi Boletín Científico De Ciencias Básicas E Ingenierías Del ICBI, 12(Especial), 109-115. https://doi.org/10.29057/icbi.v12iEspecial.12107