Home

🌐¿Qué es la API-IDEE?

La API-IDEE es una plataforma de desarrollo de visualizadores cartográficos web basada en tecnologías abiertas como OpenLayers y CesiumJS. Su objetivo es proporcionar una solución común, flexible y extensible para la visualización de información geográfica en el entorno web.

API-IDEE nace de un fork de API-CNIG, del IGN/CNIG y de la fusión con Mapea, de la junta de Andalucía. API-IDEE se ha convertido en una herramienta colaborativa que cuenta con la participación de:

Instituto Geográfico Nacional/ Centro Nacional de Información Geográfica (IGN/CNIG)
Junta de Andalucía
Área Metropolitana de Barcelona (AMB)
Infraestructura de Datos Espaciales de Extremadura (IDEEX)

Objetivos principales

Facilitar la creación de visualizadores cartográficos personalizados sin necesidad de conocimientos avanzados en programación.
Promover la interoperabilidad mediante el uso de estándares OGC (WMS, WMTS, WFS, KML, etc.).
Fomentar la colaboración institucional en el desarrollo de herramientas geoespaciales.
Ofrecer una experiencia de usuario moderna y adaptable a distintos dispositivos.

📝 Nota: La API-IDEE está en constante evolución gracias a la colaboración entre administraciones públicas, lo que garantiza su adaptación a nuevas necesidades tecnológicas y normativas.

Para adaptarse a las necesidades de los usuarios y ser mucho más flexible, la API IDEE cuenta con dos APIs. De esta manera, es el propio usuario el que escoge la que más se adapte a sus necesidades:

Una API REST muy sencilla que permite incluir un visualizador interactivo en cualquier página web sin necesidad de disponer de conocimientos específicos en programación ni de SIG (Sistemas de Información Geográfica).
Una API JavaScript que permite crear desde visualizadores de mapas básicos hasta otros de mayor complejidad.

La API IDEE se presenta como una solución gratuita para la incorporación de clientes de mapas interactivos en nuestras páginas web muy fácilmente.

A continuación se muestra un ejemplo base completo de la explotación de la API JavaScript. Puede verse funcionando en el siguiente enlace.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="cnig" content="yes">
  <title>Visualizador base</title>
    <!-- fichero estilos -->
    <link href="https://componentes.idee.es/api-idee/assets/css/apiidee.ol.min.css" rel="stylesheet" />

    <!-- Ficheros javascript de la API -->
    <script type="text/javascript" src="https://componentes.idee.es/api-idee/vendor/browser-polyfill.js"></script>          
    <script type="text/javascript" src="https://componentes.idee.es/api-idee/js/apiidee.ol.min.js"></script>        
    <script type="text/javascript" src="https://componentes.idee.es/api-idee/js/configuration.js"></script>         
    <!-- estilo básico -->
    <style>
    html,
    body {
        margin: 0;
        padding: 0;
        height: 100%;
    }
</style>
</head>
<body>
  <!-- Contenedor principal del mapa -->
    <div id="map"></div>
    <script type="text/javascript">
      mapajs = IDEE.map({
        container: "map"
      });
    </script>
</body>
</html>