Tag Archives: WMS

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

Como añadir un mapa base con una imágen satélite a leaflet

La primera opción que se le ocurre a todo el mundo es añadir la capa de Google, aunque no esta del todo claro que para los chicos de Google sea legal que usemos sus imágenes en un mapa hecho con Leaflet , y no con la API de Google Maps. De cualquier manera, se puede hacer gracias a un pluggin desarrollado por Pavel Shramov .

Primero descarga el fichero: Google.js

Incluye los scripts de la API de Google Maps y el pluggin en tu html:

<script src=”http://maps.google.com/maps/api/js?v=3&sensor=false”></script>
<script src=”Google.js”></script>

Continue reading