[5.0.1] base

by SIGC GUADALTEL

HTML

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

CSS

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

#map1,
#map2 {
  width: 49vw;
  float: left;
}

JavaScript

// OPCION 1: En el constructor del mapa, en modo cadena u objeto

  let l1 = new M.layer.WMS("WMS*Municipios*http://www.ideandalucia.es/wms/dea100_divisiones_administrativas?*terminos_municipales*true*true");
  let l2 = new M.layer.WMS({
    url: 'http://www.callejerodeandalucia.es/servicios/base/wms?',
    name: 'batimetria',
    legend: 'Batimetria',
    transparent: true,
    tiled: false
  });

  mapajs = M.map({
    container: "map",
    controls: ["layerswitcher", "mouse"],
    layers: [l1,
      l2
    ]
  });

  let l3 = new M.layer.WMS({
    url: 'http://www.callejerodeandalucia.es/servicios/base/wms?',
    name: 'CDAU_toponimia',
    legend: 'Toponimia',
    transparent: true,
    tiled: false
  });

  // OPCION 2: Con el metodo addLayers
  mapajs.addWMS(l3);

  /*l1.calculateMaxExtent().then(function(res) {
  console.log(res);
    mapajs.setMaxExtent(res);
  });
*/