7. Solución de problemas - Desarrollos-IDEE/API-IDEE GitHub Wiki

Cuando se presenta un problema o la aplicación no funciona como debiera, lo primero que debe hacer el desarrollador es activar las herramientas de depuración de las que disponga el navegador que esté usando, tales como las [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/). Con dichas herramientas se pueden visualizar mensajes de error, advertencias, peticiones de red, y mucha más información que ayudará a diagnosticar la causa del problema.

Presentamos a continuación una lista con algunos de los problemas que puede encontrar el desarrollador, junto a las posibles soluciones:

  • Problema: El mapa se queda en blanco. La consola de error muestra el mensaje 'Promise is not defined '.

Solución: El navegador [no es compatible](https://kangax.github.io/compat-table/es6/) con la versión de javascript [ES2015](https://en.wikipedia.org/wiki/ECMAScript), por lo que es necesario importar la librería:

 <script type="text/javascript" src="http://componentes.idee.es/api-idee/vendor/browser-polyfill.js"></script>

  • Problema: Al usar API-IDEE junto con JQuery Mobile, se cambian los estilos de algunos controles.

Solución: Modificar la plantilla html del control y añadirle la etiqueta data-role="none", quedando así: 

 <select class="m-wmcselector-select" data-role="none">
- Problema: Apache Tomcat no admite "{}" en las peticiones de la API REST.

Solución: Incluir dentro del archivo server.xml (/usr/local/tomcat/conf/server.xml), la siguiente línea:

<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8" relaxedQueryChars="{,},[,]" />

  • Problema: la fuente de datos GeoJSON no se refresca con el método .refresh().

Solución: realizar el refresco mediante el siguiente proceso:

    var miGeoJSON = new IDEE.layer.GeoJSON({
        name: "mi capa",
        source:{
           "type": "FeatureCollection",
           "features": []
       },
    });
    myTimer()
    setInterval(myTimer, 1000*30);
        function myTimer(OL_aaaa) {
            IDEE.remote.get("https://www.ign.es/resources/geodesia/GNSS/SPTR_geo.json",{}).then(function (res) {
               miGeoJSON .clear()
               miGeoJSON .getImpl().loadFeaturesPromise_ = null
               miGeoJSON .setSource(JSON.parse(res.text))
               console.log(JSON.parse(res.text))
      });
    }

  • Problema: Se ha encontrado un problema de estilo CSS en ordenadores Mac.

Solución: Abrir la ventana de desarrollador, haciendo click en adoptar el modo de diseño con capacidad de respuesta.

⚠️ **GitHub.com Fallback** ⚠️