Filtros espaciales

by SIGC GUADALTEL

HTML

<script src="https://mapea4-sigc.juntadeandalucia.es/js/mapea-5.0.0.ol.min.js"></script>
<script src="https://mapea4-sigc.juntadeandalucia.es/js/configuration-5.0.0.js"></script>
<link rel="stylesheet" href="https://mapea4-sigc.juntadeandalucia.es/assets/css/mapea-5.0.0.ol.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/plugins/printer/printer-2.0.0.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/plugins/printer/printer-2.0.0.min.css">
 <div class="modal" id="modal">
        <h2>Cargando...</h2>
    </div>
    <div id="mapjs">
    </div>

CSS

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

.m-panel.m-plugin-filter.collapsed{height:40px}.m-areas>div.m-area>div.m-panel.m-plugin-filter>button.m-panel-btn{color:#00f!important}


.modal {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 8000;
  background-color: white;
  opacity: .6;
}

.modal h2 {
  position: absolute;
  top: 45vh;
  left: 45vw;
}

JavaScript

! function(t) {
    var e = {};

    function n(o) {
        if (e[o]) return e[o].exports;
        var r = e[o] = {
            i: o,
            l: !1,
            exports: {}
        };
        return t[o].call(r.exports, r, r.exports, n), r.l = !0, r.exports
    }
    n.m = t, n.c = e, n.d = function(t, e, o) {
        n.o(t, e) || Object.defineProperty(t, e, {
            enumerable: !0,
            get: o
        })
    }, n.r = function(t) {
        "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
            value: "Module"
        }), Object.defineProperty(t, "__esModule", {
            value: !0
        })
    }, n.t = function(t, e) {
        if (1 & e && (t = n(t)), 8 & e) return t;
        if (4 & e && "object" == typeof t && t && t.__esModule) return t;
        var o = Object.create(null);
        if (n.r(o), Object.defineProperty(o, "default", {
                enumerable: !0,
                value: t
            }), 2 & e && "string" != typeof t)
            for (var r in t) n.d(o, r, function(e) {
                return t[e]
            }.bind(null, r));
        return o
    }, n.n = function(t) {
        var e = t && t.__esModule ? function() {
            return t.default
        } : function() {
            return t
        };
        return n.d(e, "a", e), e
    }, n.o = function(t, e) {
        return Object.prototype.hasOwnProperty.call(t, e)
    }, n.p = "", n(n.s = 2)
}([function(t, e) {
    t.exports = '<div id="div-contenedor" class="m-control m-container m-filter">\n    <div>\n        <button id="gte">Mayor o igual</button>\n        <button id="gt">Mayor</button>\n        <button id="lte">Menor o igual</button>\n        <button id="lt">Menor</button>\n    </div>\n    <div>\n        <button id="like">Parecido a</button>\n        <button id="equal">Igual</button>\n        <button id="not">Contrario</button>\n        <button id="clear">Limpiar filtro</button>\n    </div>\n    <div>\n    ...