champs-libres/biommap
4
0
Fork 0
Code Issues 5 Pull Requests Projects Releases Wiki Activity
main
biommap/sandbox/wmts/index.html

254 lines
9.9 KiB
HTML
Raw Permalink Normal View History

add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
<!DOCTYPE html>
<html style="height:100%;margin:0;padding:0;">
<head>
<title>Tests WMTS</title>
<meta charset="utf-8">
fix footer css
2021-07-03 08:40:15 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
<link rel="stylesheet" href="./leaflet/leaflet.css" />
fix footer css
2021-07-03 08:40:15 +00:00
<link rel="stylesheet" href="./leaflet/footer.css" />
add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
<!-- <script src="./leaflet/Proj4Leaflet-1.0.1/lib/leaflet/leaflet.js"></script>
<script src="./leaflet/Proj4Leaflet-1.0.1/lib/proj4.js"></script>
<script src="./leaflet/Proj4Leaflet-1.0.1/src/proj4leaflet.js"></script> -->
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<script src="./leaflet/leaflet-hash.js"></script>
<!-- <script src="https://rawgithub.com/mylen/leaflet.TileLayer.WMTS/master/leaflet-tilelayer-wmts.js"></script> -->
<style type="text/css">
.leaflet-tile-container { pointer-events: auto; }
</style>
</head>
<body style="height:100%;margin:0;padding:0;">
<div id="map" style="height:100%"></div>
<script>
var map = L.map('map').setView([49.72, 5.57], 16);
var basemaps = {
cyclosm: L.tileLayer('https://{s}.tiles.champs-libres.be/cyclosm/{z}/{x}/{y}.png', {
subdomains: "abc",
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
maxZoom: 20
}),
#2 change image + map backgrounds
2021-05-25 08:43:11 +00:00
ORTHO: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/IMAGERIE/ORTHO_2019/MapServer/WMSServer?', {
add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
#2 change image + map backgrounds
2021-05-25 08:43:11 +00:00
PDS: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/AMENAGEMENT_TERRITOIRE/PDS/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '2',
format: 'image/png',
transparent: true,
minZoom: 12
}),
add FORETANC layer
2021-06-14 08:34:32 +00:00
ALEA: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/EAU/ALEA_INOND/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: ['1', '2'],
format: 'image/png',
transparent: true,
}),
add WMS layers
2021-06-14 12:51:27 +00:00
ANC_FORET: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/FORET/FORETANC/MapServer/WMSServer?', {
add FORETANC layer
2021-06-14 08:34:32 +00:00
attribution: '&copy; SPW',
layers: '1',
format: 'image/png',
transparent: true,
minZoom: 13
}),
add WMS layers
2021-06-14 12:51:27 +00:00
COUV_FORET_ANC: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/FORET/FORETANC/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
minZoom: 13
}),
SOLS: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/SOL_SOUS_SOL/CNSW/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '1',
format: 'image/png',
transparent: true,
minZoom: 8
}),
add more map layers
2021-06-14 20:33:21 +00:00
SOLS2: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/SOL_SOUS_SOL/CNSW__PRINC_TYPES_SOLS/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
DEPOT_GUERRE: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/CARTES_ANCIENNES/DEPOT_GUERRE_1865_1880/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
FERRARIS: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/CARTES_ANCIENNES/FERRARIS/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
VDML: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/CARTES_ANCIENNES/VDML/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
RHW: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/EAU/RHW/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: ['1', '2', '3', '4', '5','6'],
format: 'image/png',
transparent: true,
}),
LIMITES_COMMUNALES: L.tileLayer.wms('http://ccff02.minfin.fgov.be/geoservices/arcgis/services/INSPIRE/AU_wms/MapServer/WMSServer?', {
attribution: '&copy; CadGIS',
layers: ['1', '2', '3', '4'],
format: 'image/png',
transparent: true,
}),
MASQUE_FORET: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/FORET/FORET/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
MNS: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/RELIEF/WALLONIE_MNS_2013_2014_HILLSHADE/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
MNT: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/RELIEF/WALLONIE_MNT_2013_2014_HILLSHADE/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
PENTE: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/RELIEF/WALLONIE_MNP_CLASSE_2013_2014/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
NATURA2000: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/FAUNE_FLORE/NATURA2000/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
format: 'image/png',
transparent: true,
}),
PARC: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/AGRICULTURE/SIGEC_PARC_AGRI_ANON__2019/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: ['0', '1', '2'],
format: 'image/png',
transparent: true,
}),
PICC: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/TOPOGRAPHIE/PICC_VDIFF/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: ['1', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29'],
format: 'image/png',
transparent: true,
}),
REGION_AGRI: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/LIMITES/LIMITES_REGIONSAGRICOLES/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
LIGNES_FER: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/MOBILITE/LIGNES_SNCB_SNCV_DESAFFECT/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
WALOUS: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/SOL_SOUS_SOL/WALOUS_OCCUPATION_SOL/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
WALOUS_USE: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/SOL_SOUS_SOL/WALOUS_UTILISATION_SOL/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: ['1', '3', '4', '5', '6', '7', '8', '9'],
format: 'image/png',
transparent: true,
}),
NITRATES: L.tileLayer.wms('https://geoservices.wallonie.be/arcgis/services/EAU/NITRATES/MapServer/WMSServer?', {
attribution: '&copy; SPW',
layers: '0',
format: 'image/png',
transparent: true,
}),
add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
WMTS: L.tileLayer(
#2 enable wms layers in leaflet map
2021-05-22 19:17:27 +00:00
'https://geoservices.wallonie.be/arcgis/rest/services/IMAGERIE/ORTHO_LAST/MapServer/WTMS/tile/1.0.0/?' +
add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
"&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0" +
"&STYLE=default" +
"&TILEMATRIXSET=default028mm" +
"&FORMAT=image/jpeg"+
"&LAYER=IMAGERIE_ORTHO_LAST"+
"&TILEMATRIX={z}" +
"&TILEROW={y}" +
"&TILECOL={x}",
{
attribution: '&copy; SPW',
transparent: true,
tileSize : 512
})
}
map.setView([50.5, 5.57], 10);
L.control.layers(basemaps).addTo(map);
var hash = L.hash(map);
#14 add line edition in leaflet in sandbox
2021-08-25 08:15:16 +00:00
var latlngs = [
[45.51, -122.68],
[37.77, -122.43],
[34.04, -118.2]
];
var polyline = L.polyline(latlngs, {color: 'red'}).addTo(map);
add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
</script>
fix footer css
2021-07-03 08:40:15 +00:00
<footer>
<div>
<a [routerLink]="[ '/home']">Accueil</a> | <a href="https://github.com/PnX-SI/GeoNature-citizen">GeoNature-citizen</a> | <a [routerLink]="[ '/about']" >A propos</a>
</div>
<div class='logo'>
<a target='_blank' href='https://www.wallonie.be'><img alt='logo' src='assets/logo_wallonie.png'></a>
<a target='_blank' href='https://www.digitalwallonia.be'><img alt='logo' src='assets/logo_dw.png'></a>
<a target='_blank' href='https://enrd.ec.europa.eu/leader-clld_fr'><img alt='logo' src='assets/logo_leader.png'></a>
<a target='_blank' href='https://www.wasseiges.be'><img alt='logo' src='assets/logo-commune-wasseiges.jpg'></a>
<a target='_blank' href='https://www.meusecampagnes.be'><img alt='logo' src='assets/logo_gal.png'></a>
</div>
</footer>
add champs-libres cyclosm tiles + a sandbox for implementing other tiles
2021-05-22 11:44:13 +00:00
</body>
</html>
Reference in New Issue Copy Permalink