Insertando un botón de pantalla completa en LeafletJS

Si queremos un botón en nuestro mapa de Leaflet que muestre el mapa en pantalla completa, podemos hacerlo usando un plugin, el cual esta disponible en: https://github.com/brunob/leaflet.fullscreen Para usarlo, solo se tiene que incluir los archivos css y js: <link rel=”stylesheet” href=”Control.FullScreen.css” /> < script src=”Control.FullScreen.js”></script> Y a la hora de generar el mapa, solo se incluye esta linea de codigo: var map = new … Continúa leyendo Insertando un botón de pantalla completa en LeafletJS

Agrupando marcadores en clusters en LeafletJS

Si tenemos muchos marcadores en un mapa de Leaflet, podemos llegar aun momento en el que tenemos mas de uno en un lugar, tal vez tengamos 10 marcadores muy cerca entre si, y eso no se ve bien en el mapa por que no se distinguen. Para arreglar esto, podemos hacer uso de un plugin de Leaflet llamado Marker Cluster, el cual hace clusters de … Continúa leyendo Agrupando marcadores en clusters en LeafletJS

Grupos de datos y capas en LeafletJS

En un mapa de Leaflet podemos hacer uso de las capas y grupos de información, para mostrar datos relacionados entre si y mejorar la experiencia del usuario. Para hacer esto tenemos que entender que hay 2 tipos de grupos de información principalmente, los baselayers y los overlays. Los baselayers son las que están como mapa en si, de fondo. los overlays son filtros de información … Continúa leyendo Grupos de datos y capas en LeafletJS

Usando GeoJSON en LeafletJS

GeoJSON es una tecnología muy usada a la hora de crear mapas en linea, nos da información detallada de puntos, polígonos, lineas y muchas otras cosas en un archivo definido claramente. Leaflet nos da la oportunidad de trabajar con este formato de forma bastante fácil. Las funciones principales de GeoJSON en Leaflet son las Features y FeatureCollections debido a que nos permite describir la información. … Continúa leyendo Usando GeoJSON en LeafletJS