Cluster Line

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">
<div id="map" class="container"></div>

CSS

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

JavaScript

var mapajs = M.map({
  container: "map",
  controls: ["layerswitcher"],
  wmcfiles: ["cdau"],
  layers: ["OSM"]
});

const layer = new M.layer.GeoJSON({
  name: "layer",
  source: {
    "type": "FeatureCollection",
    "features": [{
        "type": "Feature",
        "properties": {},
        "geometry": {
          "type": "LineString",
          "coordinates": [
            [-6.998291015625,
              37.483576550426996
            ],
            [-5.515136718749999,
              36.79169061907076
            ],
            [-6.119384765624999,
              37.39634613318923
            ],
            [-5.657958984374999,
              37.42252593456307
            ]
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {},
        "geometry": {
          "type": "LineString",
          "coordinates": [
            [-4.449462890625,
              38.35027253825765
            ],
            [-3.09814453125,
              38.229550455326134
            ],
            [-5.328369140625,
              38.03078569382294
            ],
            [-5.80078125,
              37.84015683604136
            ]
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {},
        "geometry": {
          "type": "LineString",
          "coordinates": [
            [-5.55908203125,
              37.51844023887861
            ],
            [-5.086669921875,
              37.42252593456307
            ],
            [-5.47119140625,
              37.1165261849112
            ]
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {},
        "geometry": {
          "type": "LineString",
          "coordinates": [
            [-2.471923828125,
              36.923547681089296
            ],
            [-1.60400390625,
              37.996162679728116
            ],
            [-2.493896484375,
              37.67512527892127
            ],
            [-2.548828125,
    ...