• Taller Argenmap 2013 /
• Conceptos básicos de argenmap.jquery /
• Capas base de Argenmap

1.3. Capas base de Argenmap

Para visualizar correctamente un mapa, Argenmap ofrece, básicamente, dos capas base donde apoyar todos los datos

• Capa Mapa IGN

• Capa satellite

1.3.1. Capa “Mapa IGN”

El Mapa IGN es una capa de datos consolidada con los datos del Instituto Geográfico Nacional y datos de OpenStreetMap para el nivel de calles.

No es la usual composición de capas por nivel de escala, está compuesta por una estilización de diseño para visualizar los datos de manera concreta y agradable a la vista.

Este es el mapa predeterminado para una instancia de argenmap. No es necesario usar ningún código extra para visualizar esta capa.

1.3.2. Capa “satellite”. Mapa satelital con datos oficiales IGN

El mapa satelital tiene el mismo trabajo que la capa del Mapa IGN, pero está preparada para ser superpuesta con imágenes satelitales de fondo.

1.3.3. Seleccionando una capa base

Ambas capas pueden seleccionarse desde el menú descolgable ubicado arriba a la derecha del mapa.

Pero también podés cambiar de capa base por código, tanto al inicializar el mapa como en cualquier otro momento que lo necesites.

Para cambiar de capa base usamos el método .capaBase().

Podés llamar a .capaBase() sobre el mismo selector en el que instanciaste tu mapa. Si no proveés argumentos, .capaBase() te devolverá la capa base actual. Si le pasás el nombre de una de las capas base como argumento, el mapa cambiará a la capa base que le hayas indicado.

<script type="text/javascript">
  $(document).ready(function(){
    //instancia normal
    $("#mapa").argenmap();
    //
    alert($('#mapa').capaBase());
    //devuelve "Mapa IGN"
    //
    $('#mapa').capaBase('satellite');
    //cambia la capa base a satelital
  });
</script>

Los valores para cambiar las capas base son:

• Mapa IGN

• satellite

Es importante respetar mayúsculas y minúsculas, de lo contrario no obtendrás el resultado esperado.

Ejercicio

Siguiendo el ejemplo básico anterior, podés probar cambiar de capas base o preguntar cuál es la capa base actual.

En el ejemplo las líneas están comentadas (es decir, anuladas) con doble barra (//). Podés borrar las barras para que el código surta efecto.

• Hacé click en Javascript.

• Buscá la línea que dice //$('#mapa').capaBase('satellite');

• Borrá las dos barras, de manera de que el código quede descomentado y el cambio de capa base surta efecto.

• Mirá el resultado en el panel de la derecha

JS Bin