[Wiki] Mapea4 - KML

by Francisco

HTML

<script src="http://mapea4-sigc.juntadeandalucia.es/js/mapea.ol.min.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/assets/css/mapea.ol.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/js/configuration.js"></script>
<button onclick="javascript:addKML()">
addKML
</button>
<button onclick="javascript:removeKML()">
removeKML
</button>
<div id="map"></div>

CSS

html,
body,
#map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

// capa KML pasada en el constructor
/*mapajs = M.map({
				container:"map",
         controls: ["layerswitcher"],
         center: [548830,4077720],
        zoom: 8,
        layers: ["KML*capaKML*http://mapea-sigc.juntadeandalucia.es/sepim_server/api/datos/kml/1194/item/469*true"]
			});
*/
      
mapajs = M.map({
				container:"map",
        controls: ["layerswitcher", "mouse"],
        center: [320000,4170000],
        zoom: 2,
        wmcfile: ["callejero"],
			});
      
      let kml = new M.layer.KML({
                url: "http://mapea4-sigc.juntadeandalucia.es/files/kml/arbda_sing_se.kml",
                name: "capaKML",
                extract: true
              }, {}, {
  renderMode: "image"
});

function addKML(){

    //añadir la capa mediante objeto
    mapajs.addKML(kml);
    //añadir la capa mediante cadena
  	//mapajs.addKML("KML*capaKML*http://mapea-sigc.juntadeandalucia.es/sepim_server/api/datos/kml/1194/item/469*true");
}  
function removeKML(){
		capasKML = mapajs.removeKML({name: "capaKML"});
   
}

kml.on(M.evt.HOVER_FEATURES, function(f){
	console.log('HOVER',f[0].getStyle());
  f[0].setStyle(new M.style.Point({
   fill: {  
     color: 'red',
   }
}));
})