First draft of poi edit page

views/js/d.poi_map.js

@@ -0,0 +1,52 @@
+var mymap;
+
+$( document ).ready(function() {
+	// Differents layers for the map
+	var	osmfr   = L.tileLayer('//{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {tms: true, maxZoom: 20, attribution: 'Maps © <a href="http://www.openstreetmap.fr">OpenSreetMap France</a>, Data © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>'});
+	var	wikimedia  = L.tileLayer('//maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png', {tms: true, maxZoom: 18, attribution: 'Maps © <a href="http://wikimedia.org">Wikimedia</a>, Data © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>'});
+	var	crozet  = L.tileLayer('/_maps/sat_cro/{z}/{x}/{y}.png', {tms: true, maxZoom: 18, attribution: 'For dev purpose only'});
+
+	// Base layers
+	var baseLayers = {
+		"OSM France": osmfr,
+		"OSM Wikimedia": wikimedia,
+		"Crozet": crozet,
+	};
+
+	mymap = L.map('mapid', {
+		zoomControl: false,
+		layers: [crozet],
+	}).setView([-46.407, 51.766], 13);
+	$("#map-credits").html(crozet.getAttribution());
+
+	L.control.scale({
+		position: "bottomleft",
+		imperial: false
+	}).addTo(mymap);
+
+	L.control.fullscreen({
+		position: "bottomleft"
+	}).addTo(mymap);
+
+	L.control.zoom({
+		zoomOutText: "<i class=\"fa fa-minus\" aria-hidden=\"true\"></i>",
+		zoomInText: "<i class=\"fa fa-plus\" aria-hidden=\"true\"></i>",
+		position: "bottomleft"
+	}).addTo(mymap);
+
+	L.control.layers(baseLayers,null,{
+		position: "bottomright"
+	}).addTo(mymap);
+
+	mymap.removeControl(mymap.attributionControl);
+
+	$(".close-link").click(function() {
+		$("footer").show();
+		$("#footer-credits").hide();
+		$("#footer-legend").hide();
+	});
+
+	mymap.on('baselayerchange', function(e) {
+		$("#map-credits").html(e.layer.getAttribution());
+	});
+});