Esta web utiliza cookies para obtener datos anónimos de acceso. Si continúas navegando, consideramos que aceptas nuestra política de cookies.

×

Para desarrolladores

Diputación de Málaga
Para desarrolladores

API DIPUTACIÓN

API Diputación, es una funcionalidad que la Diputación Provincial de Málaga pone a disposición de terceros. El objetivo es facilitar a esos terceros la inclusión, de manera sencilla y rápida, de un pequeño navegador de mapas, que contiene información geográfica base de la DPM, como las ortofotos del territorio, divisiones administrativas, carreteras y callejeros, y en el cual se puede visualizar elementos puntuales del tercero. De esta manera cualquier persona interesada puede añadir un componente geográfico en su aplicación web.

¿A quién está dirigido?

Está destinada a cualquier entidad pública o privada, y a cualquier persona particular que disponga de una aplicación web, con información que se puede representar geográficamente en el ámbito de la provincia de Málaga.

¿Cómo puedo utilizarla?

IDEMAP API se encuentra disponible de forma gratuita en el dominio de la IDEMAP, para utilizarla se debe declarar mediante la sentencia:

<script src="http://www.idemap.es/api/"></script>

Nota: La API usa internamente el framework jQuery v1.4.4 y jQuery UI v1.8.6

Si desea usar otra versión, puede deshabilitarla con los parámetros: jquery=no y jqueryui=no
Ejemplos:

<script src="http://www.idemap.es/api/?jquery=no"></script>
<script src="http://www.idemap.es/api/?jqueryui=no"></script>
<script src="http://www.idemap.es/api/?jquery=no&jqueryui=no"></script>

En cualquier caso, deberá incluir el framework jQuery ANTES de la API de IDEMAP

 

Documentación

  • Ejemplos
    • Cargar varias capas y hacer zoom a un punto
      - Definimos las capas indicando el símbolo para representar los elementos
      var capa1 = new Idemap.Layer("capa1");
      capa1.iconUrl = "http://www.idemap.es/idemap/api/l1.png";
      capa1.iconSize =7; var capa2 = new Idemap.Layer("capa2");
      capa2.iconUrl = "http://www.idemap.es/idemap/api/l2.png";
      capa2.iconSize = 10;


      - Creamos algunos puntos:
      capa1.addFeature(new Idemap.Feature(352187, 4121577, "Auditorio Centro Cultural"));
      capa1.addFeature(new Idemap.Feature(389080, 4094880, "Sala Municipal de Exposiciones"));
      capa2.addFeature(new Idemap.Feature(391159, 4076078, "Invernadero"));
      capa2.addFeature(new Idemap.Feature(361975, 4078668, "Plazoleta"));


      - Creamos el objeto idemap y le cargamos las capas:
      var idemap = new Idemap.Map('map1');idemap.addLayer(capa1);idemap.addLayer(capa2);


      -Hacemos un zoom a un punto idemap.zoomToPoint(352187, 4121577)
       
    • Zoom a la provincia
      - Creamos la API indicando el "div" donde se situará el mapa
      var idemap = new Idemap.Map('map1');


      - Hacemos un zoom a la extensión total o a una extensión concreta
      idemap.zoomToMaxExtent();idemap.zoomToExtent(240000, 4020000, 450000, 4120000);

       
    • Añadimos el servicio WMS de Catastro
      - Creamos la API indicando el "div" donde se situará el mapa
      var idemap = new Idemap.Map('map1');

      - Hacemos un zoom a una extensión
      idemap.zoomToExtent(424794, 4068570, 424982, 4068636);


      - Cargamos la capa de Catastro
      idemap.addWMS('WMSdeCatastro', 'http://ovc.catastro.meh.es/Cartografia/WMS/ServidorWMS.aspx', 'Catastro');

       
    • Rutas
      - Creamos la API indicando el "div" donde se situará el mapa
      var idemap = new Idemap.Map('map1');


      - Cargamos las capas (definidas en el primer ejemplo) que van a ser rutas
      idemap.addRoute(new Idemap.Route(capa1, "FF55FF"));idemap.addRoute(new Idemap.Route(capa2, "55FF55"));

      - Hacemos un zoom a una extensión
      idemap.zoomToExtent(424794, 4068570, 424982, 4068636);

       
    • Obtiene la coordenada x,y al hacer click o al mover un elemento
      - Declaramos una función que recibirá la coordenada
      var f=function(x,y){ //usamos la x,y //... };
      - Creamos el objeto mapa y le asignamos la función
      var idemap = new Idemap.Map('map1');idemap.click(f);idemap.drag(f);
    • Ponemos un Logo y activamos Google Street View y Bing Maps
      Creamos el objeto idemap y activamos Google Street View y Bing Maps
      var idemap = new Idemap.Map('map1');idemap.logo("<img src='http://www.idemap.es/api/img/logo.png' />");idemap.enableStreetView(); ...