Icon Style

Test en mapea 5

by SIGC

HTML

<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/mapea.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/configuration.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/assets/css/mapea.ol.min.css">
<button id="button">
Get Geometry
</button>
<div id="map" class="container"></div>

CSS

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

JavaScript

let map = M.map({
    container: 'map',
    layers: ["WMS*https://www.ign.es/wms-inspire/mapa-raster*mtn_rasterizado*false"],
    zoom: 5,
    controls: ['mouse', "layerswitcher"],
    bbox: [-200531.3364962255, 3782436.289608896, 994999.2064703135, 4972396.110158149],
  });

  const json = new M.layer.GeoJSON({
    name: "ign",
    source: {
      "type": "FeatureCollection",
      "features": [{
          "type": "Feature",
          "properties": {},
          "geometry": {
            "type": "Point",
            "coordinates": [
               0.953491,2.584106
            ]
          }
        },
        {
          "type": "Feature",
          "properties": {},
          "geometry": {
            "type": "Point",
            "coordinates": [
               -1.862486, 43.258912
            ]
          }
        },
        {
          "type": "Feature",
          "properties": {},
          "geometry": {
            "type": "Point",
            "coordinates": [
              -4.325195,37.324097
            ]
          }
        },
        {
          "type": "Feature",
          "properties": {},
          "geometry": {
            "type": "Point",
            "coordinates": [
              -6.201417,38.997071 
            ]
          }
        },
        {
          "type": "Feature",
          "properties": {},
          "geometry": {
            "type": "Point",
            "coordinates": [
               -3.954407,40.633118
            ]
          }
        },
        {
          "type": "Feature",
          "properties": {},
          "geometry": {
            "type": "Point",
            "coordinates": [
              -3.386288, 41.229127,
            ]
          }
        },
        {
          "type": "Feature",
          "properties": {},
          "geometry": {
            "type": "Point",
            "coordinates": [
              0.290283, 40.857727
            ]
          }
        },
        {
          "type": "Feature",
         ...