Métodos


La llamada a los métodos o funciones se debe realizar después de que el mapa esté cargado en el DOM, por lo que se utilizará la función "iderioja_ready" o funciones similares de jQuery (DOMReady).

También pueden ser invocadas desde un evento 'click' de un botón.


crea_boton


crea_boton (<contenido>, <función>, <parámetros>)


Añade un botón dentro del mapa que al pulsarlo ejecuta la función que se le pasa como parámetro.

Tiene 3 parámetros:

iderioja_ready(function () {
  mapa_iderioja.crea_boton('<span id="nivel_zoom"></span>', "alert", ["hola!!!"]);
});


captura_zoom


captura_zoom (<id del DOM>)


Inserta el valor del zoom actual en el ID del elemento de DOM que se indique.

iderioja_ready(function () {
  mapa_iderioja.captura_zoom("nivel_zoom");
});


ir_a_coordenada


ir_a_coordenada (<lon>, <lat>, <zoom>)


Sitúa el mapa en la coordenada y el nivel de zoom especificados.


ir_a_elemento


ir_a_elemento (<id del elemento>, <zoom>)


Sitúa el mapa en el ID del elemento indicado con el nivel de zoom seleccionado.

Se abren las propiedades del elemento.


ir_a_todo


ir_a_todo ()


Centra el mapa para que todos los elementos aparezcan, ajustando también el nivel de zoom.


zoom_mas


zoom_mas()


Acerca el mapa.


zoom_menos


zoom_menos()


Aleja el mapa.


carga_fondo


carga_fondo


Carga un fondo en formato tile server.

mapa_iderioja.carga_fondo(
  'MapQuest',
  'http://otile{s}.mqcdn.com/tiles/1.0.0/map/{z}/{x}/{y}.jpg',
  {maxZoom: 19,
   subdomains: '1234',
   tms: false,
   attribution: 'Map data © <a href="http://www.mapquest.com">MapQuest</a>'
  }
);


carga_fondo_wmts


carga_fondo_wmts


Carga un fondo en formato WMTS.


carga_capa_notiled_wms


carga_capa_notiled_wms


Carga una capa WMTS sin tilear.

mapa_iderioja.carga_capa_notiled_wms(
  'D.G. Catastro',
  'http://ovc.catastro.meh.es/Cartografia/WMS/ServidorWMS.aspx',
  {minZoom: 0,
   maxZoom: 19,
   opacity: 1.0,
   layers: 'Catastro',
   styles: 'default',
   version: '1.1.1.',
   format: 'image/png',
   transparente: true,
   attribution: 'Dirección General del Catastro'
  },
  false
);


carga_capa_geojson


carga_capa_geojson


Carga una capa en formato GeoJSON.

mapa_iderioja.carga_capa_geojson(
  'Departamentos de Francia',
  'https://raw.githubusercontent.com/gregoiredavid/france-geojson/master/departements.geojson'
);


carga_capa_kml


carga_capa_kml


Carga una capa en formato KML.

mapa_iderioja.carga_capa_kml(
  'Trip to Spain and Morocco',
  'https://raw.githubusercontent.com/CafeGIS/gvSIG2_0/81376f304645d040ee34e98d57b4f745e0293d05/libGPE-KML/testdata/SpainMorocco.kml'
);


carga_capa_gpx


carga_capa_gpx


Carga una capa en formato GPX.

mapa_iderioja.carga_capa_kml(
  'Punto GPS',
  'https://raw.githubusercontent.com/doronkatz/GFXLocations/78c430a92124bd9b52f4fc5a60f0185849aea1fd/darwin.gpx',
  null,
  {iconUrl: 'http://www.thenationalgroup.net/App_Themes/ELPISCMS/images/map-marker_icon.png',
   iconSize: [24, 24], // tamaño del icono
   iconAnchor: [12, 24], // punto geográfico respecto al xy del icono
   popupAnchor: [0, -24] // punto de anclaje de la burbuja de datos
  }
);


eliminaCapasMapa


eliminaCapasMapa


Suprime todas las capas del mapa.


eliminaCapasBaseMapa


eliminaCapasBaseMapa


Suprime las capas del tipo BaseLayer.


setFiltroProp


setFiltroProp({
  "<atributo>": "<valor>",
  "<atributo>": "<valor>"
})


Muestra en el mapa solamente los elementos que coincidan con el valor del atributo seleccionado.

Los datos tienen que existir en el GeoJSON cargado en el mapa.


unsetFiltroProp


unsetFiltroProp()


Elimina los filtros creados con setfiltroProp.


setFiltroIDS


setFiltroIDS([<id1>,<id2>,<id3>,...])


Muestra en el mapa solamente los elementos que coincidan con los identificadores (IDs) seleccionados.

Los datos tienen que existir en el GeoJSON cargado en el mapa.


unsetFiltroIDs


unsetFiltroIDs()


Elimina los filtros creados con setfiltroIDs.


setFiltroBD


setFiltroBD([{
  "campo": "<nombre de campo encriptado>",
  "valor": "<valor>"
}])


Muestra en el mapa solamente los elementos que coincidan con los campos que queremos filtrar.

Los datos no tienen por qué existir en el GeoJSON, deben existir en la Base de Datos IDErioja.


unsetFiltroBD


unsetFiltroBD()


Elimina los filtros creados con setfiltroBD.


abreModal


abreModal(<url>,<ancho>,<alto>)


Abre un iFrame centrado en la patalla, por encima del mapa.


Ejemplo


<!DOCTYPE html>
<html>
<head lang="es">
  <meta charset="UTF-8">
  <title>Test API IDErioja</title>
  <style>
    body, html{
      height: 100%;
      border: 0;
      padding: 0;
      margin: 0;
      background-color: #e7e7e7;
      overflow: hidden;
    }
    #map{
      top: 10px;
      width: 100%;
      height: 500px;
      border: 1px solid cornflowerblue;
    }
    #botones{
      margin-top: 10px;
      width: 750px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      border: 0px solid red;
    }
  </style>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  </head>
  <body>
    <div id="botones">
      <button type="button" id="ir_log">Ir a Logroño</button>
      <button type="button" id="z_mas">Zoom +</button>
      <button type="button" id="z_menos">Zoom -</button>
      <button type="button" id="ir_a_id">Ir al ID 4057</button>
      <button type="button" id="filtrar_municipio">Filtrar los de Logroño</button>
      <button type="button" id="quitar_filtros">Eliminar filtros</button>
      <button type="button" id="z_todo">Zoom elementos</button>
    </div>
    <div id="map">
    </div>
    </body>
    <script src="https://apigeo.larioja.org/iderioja.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script>
      var iderioja_config = {
        "consulta": "5872436f7150784e763446756d79744a756c6e4c4a513d3d" // Arboles
      };
      $( document ).ready(function() {
        /* BOTONES EXTERNOS */
        $("#ir_log").click(function() {
          mapa_iderioja.ir_a_coordenada(42.46121, -2.44205, 13);
        });
        $("#z_mas").click(function() {
          mapa_iderioja.zoom_mas();
        });
        $("#z_menos").click(function() {
          mapa_iderioja.zoom_menos();
        });
        $("#ir_a_id").click(function() {
          mapa_iderioja.ir_a_elemento(4057, 15);
        });
        $("#filtrar_municipio").click(function() {
          mapa_iderioja.filtro_propiedad("Municipio", "Logroño");
        });
        $("#quitar_filtros").click(function() {
          mapa_iderioja.filtro_eliminar();
        }); // Ajustar a los elementos del mapa
        $("#z_todo").click(function() {
        mapa_iderioja.ir_a_todo();
        });
        mapa_iderioja.crea_boton('<span id="nivel_zoom"></span>', "alert", ["test!"]);
        mapa_iderioja.captura_zoom("nivel_zoom");
        mapa_iderioja.crea_boton('fa fa-check-circle', "filtro_propiedad", ["Municipio", "Logroño"]);
        mapa_iderioja.crea_boton('fa fa-eraser', "filtro_eliminar", []);
        mapa_iderioja.crea_boton('fa fa-crosshairs', "ir_a_todo", []);
        mapa_iderioja.crea_boton('fa fa-bell-o', "abreModal", ["http://www.larioja.org", 800, 700]); });
        $("#filtrar_municipio").prop('disabled', true);
          var interValRef = setInterval("checkState();",100);
          function checkState(){
            if(document.readyState == 'complete'){
              clearInterval(interValRef);
              $("#filtrar_municipio").prop('disabled', false);
            }
          }
    </script>
</html>