Mapa interactivo y uso de datos a través de la implementación de una herramienta
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
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
Derechos de autor 2024 Miriam Andrew-Quintana, José M. Iturbide-Miranda, Edgar F. Gómez-Molina, Adriana Reyes-Nava , Erika López-González
Esta obra está bajo licencia internacional Creative Commons Reconocimiento-NoComercial-SinObrasDerivadas 4.0.