Différences

Ci-dessous, les différences entre deux révisions de la page.

--- asc:rando [2017/01/12 22:15] – jbpuel
+++ asc:rando [2017/01/16 16:01] – jbpuel
@@ Ligne 4: / Ligne 4: @@
 Une bonne source d'informations sur le site de la communauté de communes, le [[http://www.sicoval.fr/fr/sortir/promenades-et-randonnees.html|Sicoval]].
+<html>
+<head>
+	<title>Test carto IGN</title>
+	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<!-- Library Leaflet -->
+	<link rel="stylesheet" href="leaflet/leaflet.css" />
+	<script src="cleaflet/leaflet.js"></script>
+	<!-- Extension Géoportail pour Leaflet -->
+	<script src="ign/GpPluginLeaflet.js"></script>
+	<link rel="stylesheet" href="ign/GpPluginLeaflet.css" />
+</head>
+<body>
+	<div id="map" style="margin: 0 auto; width: 80%; height: 500px; box-shadow: 0 0 10px #999;"></div>
+	<div id="info" style="padding: 5px; width: 80%; height: 20px; font-family: monospace;"></div>
+	<script>
+	function go() {
+    map = L.map("map").setView([48.845, 2.424], 10);
+    var lyr = L.geoportalLayer.WMTS({
+        // layer: "ORTHOIMAGERY.ORTHOPHOTOS",
+        layer: "GEOGRAPHICALGRIDSYSTEMS.MAPS",
+    }, { // leafletParams
+        opacity: 0.8
+    });
+    lyr.addTo(map); // ou map.addLayer(lyr);
+	}
+	Gp.Services.getConfig({
+    	// apiKey : "jhyvi0fgmnuxvfv0zjzorvdn",
+    	apiKey : "creg33c72cmsdz555il0jl57",
+    	onSuccess : go
+	}) ;
+	var infoDiv= document.getElementById("info") ;
+	infoDiv.innerHTML= "<p> Extension Leaflet version "+Gp.leafletExtVersion+" ("+Gp.leafletExtDate+") - Leaflet version : "+ L.version +"</p>" ;
+	 </script>
+</body>
+</html>