Reply To: carte montrant les installations de wims

#1447
Julien
Modérateur
Up
0
Down
::

Bonjour,

openstreetmap couplé à leaflet fait le travail.

Un petit exemple pour 3 serveurs.


<!DOCTYPE html>
<html>
<head>
<title>Test openstreetmap Leaflet</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
<![endif]-->
<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
</head>
<body>
<div id="map" style="width: 1200px; height: 700px"></div>
<script>
var map = L.map('map').setView([43.692697, 7.23693], 2);
L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
key: 'BC9A493B41014CAABB98F0471D759707'
}).addTo(map);
var dijon = L.marker([47.32643, 5.04547]).addTo(map);
dijon.bindPopup("Serveur privé <br /> Système : Debian sid <br />Version : WIMS dev <br />Usage : Dev/Prod <br />Nombre de classes : 200 <br />Nombre d'utilisateurs : 8000").openPopup();
L.marker([43.692697, 7.23693]).bindPopup("Serveur de l'université de Nice <br /> Système : ???? <br />Version : WIMS-4.01e <br />Usage : Prod <br />Nombre d'utilisateur: 200").addTo(map);
L.marker([48.70021, 2.17884]).bindPopup("Serveur de l'université de Paris-Sud <br /> Version : WIMS-4.05a").addTo(map);
</script>
</body>
</html>