JSFiddle - React, Tailwind, and code Playground

by SIGC GUADALTEL

HTML

<link rel="stylesheet" href="http://ggis.guadaltel.com/mapea4/assets/css/mapea.ol3.min.css">
<script src="http://ggis.guadaltel.com/mapea4/vendor/browser-polyfill.js"></script>
<script src="http://ggis.guadaltel.com/mapea4/js/mapea.ol3.min.js"></script>
<script src="http://ggis.guadaltel.com/mapea4/js/configuration.js"></script>
<!-- Ejemplo JS completo SIN PLUGINS-->
<div id="mapeaContainer"></div>

CSS

html, body {
   margin: 0;
   padding: 0;
   height: 100%;
   overflow: hidden;
}

div#mapeaContainer {
  height: 100vh;
  width: 100vw;
}

JavaScript

M.map({
"wmcfiles":["callejero","http://clientes.guadaltel.es/desarrollo/mapea/Componente/mapConfig/contextIDEA.xml*Mapa"],

"layers":["KML*Arboleda*http://ggis.guadaltel.com/mapea4/files/kml/*arbda_sing_se.kml*true","WMS_FULL*http://www.juntadeandalucia.es/medioambiente/mapwms/REDIAM_Permeabilidad_Andalucia?","WFST*CapaWFS*http://clientes.guadaltel.es/desarrollo/geossigc/wfs?*callejero:prueba_pol_wfst*MPOLYGON","WMTS*http://www.ideandalucia.es/geowebcache/service/wmts?*toporaster"],

"controls":["navtoolbar","layerswitcher","panzoombar","panzoom","mouse","overviewmap","scale","scaleline","location"],

"getfeatureinfo":"html",

"container":"mapeaContainer"
})