Tag Archives: AngularJS

Haciendo mapas con Angular y leaflet, 2ª parte

En el anterior post os mostraba como crear mapas sencillos con angular gracias a la directiva Leaflet, ahora os mostraré como añadir un selector de capas desde el que añadir capas de un WMS.

La directiva Leaflet de momento solo funciona con el src web mercator, así que hay que utilizar wms que tengan el EPGS3857 entre sus opciones disponibles.

En este ejemplo vamos a utilizar el wms del Instituto Geográfico Nacional, primero hacemos un GetCapabilities para ver las características del servicio:

Continue reading

Haciendo mapas con Angular y Leaflet

AngularJS es un framework de JavaScript basado en el patrón MVC (Modelo-Vista-Controlador) que permite separar la parte visual de la aplicación de las estructuras de datos, permitiendo reutilizar código con facilidad (y todo ello desde el front end). La directiva leaflet de angular, creada por David Rubert aka @tombatossals, permite incluir mapas interactivos controlados por la librería LeafletJS dentro del código HTML.

Una directiva en Angular es la forma de extender el DOM añadiendo un componente de HTML creado específicamente por nosotros y que sirve para modificar el modelo (es simplemente una función que devuelve un elemento del DOM para darle una funcionalidad extra). 

Continue reading