Generalmente los mapas son una representación geográfica de una variable en un momento concreto. Sin embargo con el desarrollo de las nuevas tecnologías podemos construir mapas web animados que nos muestren la evolución de un factor a lo largo del tiempo. Posiblemente el caso más conocido es el de las aplicaciones a la meteorología en donde […]
Cómo insertar un vídeo en un mapa web de Leaflet
Los vídeos son ampliamente utilizados en internet, como un elemento para captar la atención del usuario y compartir contenidos multimedia. Un vídeo puede proporcionar a un mapa información adicional de una forma más eficaz que con una vista “estática”. Se puede insertar una imagen de satélite que nos muestre el avance de un huracán o […]
GeoPackage para novatos: uso en ArcGIS y QGIS. Publicación en GeoServer
GeoPackage es un formato de archivo universal construido sobre la base de SQLite, para compartir y transferir datos espaciales vectoriales y raster. Es por tanto la alternativa a formatos raster como el GeoTIFF y vectoriales como por ejemplo el obsoleto shapefile. La especificación GeoPackage describe un conjunto de convenciones para el almacenamiento dentro de una base de datos […]
Mejorado la seguridad de los mapas en la web
Los usuarios de internet cada vez estamos más preocupados por la seguridad de nuestras actividades en la red. Los medios de comunicación nos informan de ataques a empresas e instituciones, de delitos cometidos utilizando la web,… y nos alertan de las amenazas que nos acechan en cualquier rincón de la red. Las recomendaciones para navegar […]
Cómo añadir MBTiles en Leaflet: mapas base personalizados en un visor web
Casi todos los mapas que publicamos en la web tienen un mapa de base que nos sirve de marco de referencia espacial o de situación para el resto de capas. Hay múltiples proveedores de mapas base (OpenStreetMap, Google Maps o Mapbox son algunos de ellos), sin embargo puede que necesitemos crear nuestro propio mapa base. Crear un […]
Un mapa no geográfico con Leaflet
Un mapa es la representación gráfica de una superficie que generalmente es la de la tierra. Esa representación para que la podamos considerar un mapa tiene que tener además capacidad métrica; es decir, podemos tomar medidas de distancias, ángulos o superficies sobre el mapa y obtener un resultado que se puede relacionar con las mismas […]
Utilización de mapas base personalizados (tiles) en OpenLayers y Leaflet (parte II)
Siguiendo el anterior post “Creación de mapas base para visores webmapping con QGIS (parte I)” en el que creamos nuestras propias teselas basadas en un raster utilizando el plugin QTiles de QGIS. En esta entrada vamos a continuar el proceso y explicaremos cómo utilizar estas teselas para utilizarlas como mapa base personalizados en OpenLayers y […]
¿Cómo imprimir mapas web de Leaflet?
Leaflet es una librería JavaScript que se caracteriza por ser ligera y muy fácil de aprender y usar. La filosofía de esta popular herramienta para la publicación de mapas en la web, es centrarse en un conjunto básico de características y ampliar su funcionalidad mediante plugins desarrollados por terceros. Gracias a la comunidad que hay […]
Personalizando los sistemas de coordenadas en Leaflet
Leaflet en una popular librería JavaScript ampliamente utilizada para publicar mapas en la WEB. Sin embargo Leaflet soporta muy pocos sistemas de coordenadas: Leaflet por defecto emplea el EPSG:3857 (Proyección WGS84 / Pseudo-Mercator). Este es el Sistema de Referencia Coordenadas más comúnmente utilizado para crear mapas online y es utilizado por casi todos los proveedores […]
L.gridLayer.googleMutant: utilizando las capas de Google en Leaflet 1.0.+
El proyecto Leaflet fue diseñado desde el principio con la idea de la sencillez. Es una API ligera y más sencilla de usar que OpenLayers, tal y como veíamos en esta entrada: ¿OpenLayers 3 o Leaflet 1.x?. Pero no es posible ver las capas de Google en Leaflet si no es utilizando un complemento. Uno de los aspectos […]
Utilizando los iconos de Bootstrap en Leaflet
Bootstrap es un conjunto de herramientas de código abierto para el diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como, extensiones de JavaScript adicionales. Es el proyecto más popular en GitHub y hace que el […]