Skip to content

Instantly share code, notes, and snippets.

@mastersigat

mastersigat/.block

Last active January 18, 2023 12:51
Show Gist options
  • Save mastersigat/3e13dbccb95fd002c89ddb17f717af4a to your computer and use it in GitHub Desktop.
Save mastersigat/3e13dbccb95fd002c89ddb17f717af4a to your computer and use it in GitHub Desktop.
Download ZIP
#Leaflet / Ajouter des WMS comme fonds de carte et couches
Raw
.block
license: mit
Raw
index.html
<html>
<head>
<title>A Leaflet map!</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://d19vzq90twjlae.cloudfront.net/leaflet-0.7.3/leaflet.css" />
<script src="https://d19vzq90twjlae.cloudfront.net/leaflet-0.7.3/leaflet.js"></script>
<style>
#map{position:absolute; top:0; bottom:0; width:99%;}
</style>
</head>
<body>
<div id="map"></div>
<script>
//Appel et configuration carte
var map = L.map('map', {
center: [48.11, -1.655],
zoom: 17 });
// Ajout fonds de carte (tuiles et WMS)
var baselayers = {
// Services de tuiles clasiques
OSM: L.tileLayer('http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png'),
ESRI: L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}'),
// WMS de RM
PlanRM:L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?', {layers: 'ref_fonds:pvci_fondplan', opacity: 0.5}),
OrthoRM:L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?', {layers: 'raster:pg_h_2020', opacity: 0.5})
};baselayers.OrthoRM.addTo(map);
// Ajout du bati en wms comme couche
var Parcelbati = L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?',
{layers: 'ref_cad:batiment',format: 'image/png',transparent:true}).addTo(map);
// Ajout du cadatre en wms comme couche
var Cadastre = L.tileLayer.wms('http://geobretagne.fr/geoserver/cadastre/wms',
{layers: 'CP.CadastralParcel',format: 'image/png',transparent: true});
// Ajout des amanegements cyclables en wms comme couche
var Velos = L.tileLayer.wms('https://public.sig.rennesmetropole.fr/geoserver/ows?',
{layers: 'trp_doux:v_voirie_amenagement_velo',format: 'image/png',transparent:true});
// Ajout de la qualité de l'air
var Air = L.tileLayer.wms('https://data.airbreizh.asso.fr/geoserver/mod_rennes_2017/wms?',
{layers: 'mod_rennes_2017_no2_moya',format: 'image/png',transparent:true, opacity: 0.5});
// Gestion des couches
var Data = {"Parcelbati": Parcelbati, "Cadastre": Cadastre, "Velos": Velos, "Qualité de l'air": Air};
// Selecteurs fonds de carte
L.control.layers(baselayers, null, {collapsed : false}).addTo(map);
L.control.layers(null,Data, {collapsed : false}).addTo(map);
// Echelle cartographique
L.control.scale().addTo(map);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment