Interactive map and data use through the implementation of a tool

Keywords: Interactive map, API Leaflet, SVG, Website

Abstract

In this work presents the development of an interactive map of the Estado de México on a website using HTML, CSS and JavaScript. Initially, the SVG format was used to represent the map, with the progress of the project the Leaflet API was incorporated through the UNPKG site to allow improved interactivity in the map. To show detailed political divisions, a GeoJSON file with geospatial coordinates of the state's municipalities was used. This file not only included coordinates, but also additional information such as names, codes, population and other attributes, enriching the map representation. The main objective of the project is to provide users with access to filtered data from each municipality with information obtained from the INE/INEGI through an accessible and visually attractive website. A balance was maintained between the implementation of functionalities and the needs of users, guaranteeing the efficiency of the platform.

Downloads

Download data is not yet available.

References

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

Published
2024-04-12
How to Cite
Andrew-Quintana, M., Iturbide-Miranda, J. M., Gómez-Molina, E. F., Reyes-Nava , A., & López-González, E. (2024). Interactive map and data use through the implementation of a tool. 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