1- Ejercicio Map

by Carlos Castellano

HTML

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

CSS

<style rel="stylesheet">html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

JavaScript

// Mapea - Documentación clases
// http://mapea4-sigc.juntadeandalucia.es/doc/index.html

// Mapea - Primeros Pasos
// https://github.com/sigcorporativo-ja/Mapea4/wiki/Primeros-pasos


let map = M.map({
  "container": "map",
  "layers": ["OSM"],
  "projection": "EPSG:4326*d",
  "zoom": 2,
});


/*
Ejercicio

Crea un label en las coordenadas en las que clickes el mapa, que este muestra está como información del label.
*/

map.on(M.evt.CLICK, (event) => {
	
	map.addLabel({
  	coord: event.coord,
    text: "<b>Coordenadas</b>" + "<p>x: " + event.coord[0] + "</p>" 		+ "<p>y: " + event.coord[1] + "</p>"
  })
  
});