[OD] Cargando KML

[OD] Cargando KML

by deivil79

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"],
        layers: ["KML*Ruta*https://www.iaph.es/web/rutasc/06_RC_ElefantesVapor_Guadalquivir.kml*true"]
			});
      
function addKML(){
    //añadir la capa mediante objeto
    mapajs.addKML(new M.layer.KML({
                url: "https://www.iaph.es/web/rutasc/05_RC_Alfareria_Almeria.kml",
                name: "capaKML",
                extract: true
              }));
    //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"});
   
}