Mapas IDECanarias

Version 1.06 (29/02/2012): Visualización de servios WMS externos. Petición de información sobre los servicios.

Version 1.04 (25/05/2011): incluye búsquedas, carga de KML y nuevos servicios.

Aspectos Generales

Este tutorial muestra como integrar los servicios de mapas WMS de IDECanarias dentro de la API de Google Maps V3. Se ha intentado simplificar lo más posible las llamadas de inicialización y configuración de capas. Esto permitirá a los usuarios generar visores con los servicios de mapas de IDECanarias de manera muy sencilla para integrarlos en sus webs. El usuario deberá tener unos conocimientos básicos de HTML y JavaScript.

Comenzaremos con un sencillo ejemplo de mapa usando servicios de IDECanarias:

Código fuente:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Ejemplo Mapa IDECanarias</title>

<!-- Cargamos API de Google Maps (Version V3 no necesita Key) -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<!-- Cargamos JavaScript de IDECanarias para acceso a mapas en WMS -->
<script type="text/javascript" src="http://visor.grafcan.es/gmaps/IDECanarias_wms.js"></script>

<script type="text/javascript">
  var map;
  function initialize() {
    map = IDECanarias_InicializarMapa("wms_OU,wms_CA,wms_MIX,wms_TOPO");
    IDECanarias_Busqueda(map);
}
</script>
</head>
  <body onload="initialize()">
	<div id="map_canvas" style="width: 500px; height: 380px"></div>
  </body>
</html>

 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://visor.grafcan.es/gmaps/IDECanarias_wms.js"></script>


<script type="text/javascript">
  var map;
  function initialize() {
    map = IDECanarias_InicializarMapa("wms_OU,wms_CA,wms_MIX,wms_TOPO");    
}
</script>

Funciones

Listado de funciones disponibles en la libreria de IDECanarias. En un futuro se añadiran nuevas funciones a la libreria.

IDECanarias_InicializarMapa
IDECanarias_CrearMarkers
IDECanarias_EliminarMarkers
IDECanarias_Busqueda
IDECanarias_KML
IDECanarias_EliminarKML
IDECanarias_Info
IDECanarias_AgregarWMS

IDECanarias_InicializarMapa(Servicios,[Lat],[Lon],[Zoom])

Esta función añadirá un mapa con los servicios establecidos, opcionalmente se puede poner una localización y un nivel de Zoom. Los servicios irán entre comillas (string) y separados por comas. Se respeta el orden en que hayan sido declarados. El servicio por defecto será el primer servicio declarado.

Ejemplo de llamada:

Catálogo de Servicios disponibles para usar con esta función

"wms_OU" : Ortofoto Urbana. (Imagen con alta resolución en zonas urbanas)
"wms_CA" : Callejero
"wms_MIX" : Ortofoto+Callejero
"wms_TOPO" : Mapa topográfico escala 1:5.000

En un futuro se irán añadiendo nuevos servicios a este catálogo.

IDECanarias_CrearMarkers(infoMARKER,icono)

Función para añadir uno o varios Markers al mapa, para ello se necesitan dos parámetros, el primero es un ARRAY con la información de cada Marker, y el segundo parámetro es el icono con el que representará el marker en el mapa (El icono habrá que haberlo declarado previamente).

El array de Markers debe contener:

Latitud,Longitud y opcionalmente código html para la ventana de información del marker.

Ejemplo:

 
var infoMARKER = new Array();
var html="<div style='line-height:60%'><h3>Playas";
html+="<img src='http://visor.grafcan.es/gmaps/icons/playa.png'/></h3><hr>";
html += "<p>Playa Blanca</p><p>Lanzarote</p><hr></div>";
infoMARKER[0] = new Array(28.8626,-13.8296, html);
var icono = new google.maps.MarkerImage("http://visor.grafcan.es/gmaps/icons/playa.png");
IDECanarias_CrearMarkers(infoMARKER,icono);

IDECanarias_EliminarMarkers()

Esta función elimina los Markers previamente cargados con la función IDECanarias_CrearMarkers().

Nuevo : IDECanarias_Busqueda(map, [Municipio/Isla])

Esta función habilita una caja para búsquedas en la base de datos de nombres geográficos y callejeros de IDECanarias

La búsqueda se realizará sobre las siguientes capas de información:

Callejero (nombres de calles y números de portal)
Puntos de interés (Instituciones,Farmacias,colegios,paradas de taxis,...)
Toponimia (Mapa topográfico 1:5.000)
Espacios Naturales
Municipios
Entidades y núcleos de población (ISTAC)

Opcionalmente se puede filtrar la búsqueda por municipios o isla usando el código de municipio o isla en el segundo parámetro.

Listado de códigos de municipio/islas:

http://visor.grafcan.es/gmaps/municipios.html

Nuevo : IDECanarias_KML(map,url_kml,[minzoom],[maxzoom],[infowindow])

Esta función facilita la carga de ficheros KML permitiendo también tener control sobre los niveles de zoom en que queremos visualizarlo.

Opcionalmente podemos especificar los niveles de zoom sobre los que queremos visualizar la capa (por defecto:todos) y si queremos que se muestre una ventana de información (infowindow:true|false) al hacer click sobre la capa (por defecto:false).

IDECanarias_EliminarKML()

Esta función eliminar la visualización del fichero KML cargado con la anterior función. Actualmente no es posible cargar varias capas KML simultaneamente usando estas funciones.

Nuevo : IDECanarias_Info(info)

Esta función habilita/deshabilita la opción de pedir información de la capa activa en el mapa.

Realiza una llamada al metodo GetFeatureInfo del servicio WMS

Nuevo : IDECanarias_AgregarWMS(nombre,urlwms,capas,formato,transparencia,[activar])

Esta función permite al usuario añadir al mapa un servicio WMS externo como capa overlay. Automáticamente se añade un botón con el que se podrá Activar/Desactivar la capa.

capas: nombre de las layers del servicio WMS

formato: formato MIME del servicio wMS

trasparencia: valor entre 0.0 y 1.0 (opaco)

activar: permite visualizar el servicio por defecto

Se pueden añadir varios servicios a la vez.

Contacto

Para cualquier consulta o soporte respecto al uso de esta librería escribir un correo a : desarrollo@grafcan.es

Aspectos Generales

Inicialización

Funciones

Ejemplos

Contacto