1 2 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 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96
| <script type="text/javascript">
window.onload = function () {
var resolutions = [
156543.03392804103,
78271.5169640205,
39135.75848201024,
19567.879241005125,
9783.939620502562,
4891.969810251281,
2445.9849051256406,
1222.9924525628203,
611.4962262814101,
305.74811314070485,
152.87405657035254,
76.43702828517625,
38.218514142588134,
19.109257071294063,
9.554628535647034,
4.777314267823517,
2.3886571339117584,
1.1943285669558792,
0.5971642834779396,
0.29858214173896974,
0.14929107086948493,
0.07464553543474241
] ;
// votre utilisation de l'extension Géoportail pour OpenLayers
var map = new ol.Map({
target: 'map',
layers: [
// Carte OpenStreetMap
osmLyr = new ol.layer.Tile({
source: new ol.source.OSM(),
visible: true,
}),
// WMTS-Géoportail - Couche du contrat (clé) défini par fichier "autoconf.json)
// Photographies aériennes
new ol.layer.Tile({
source: new ol.source.GeoportalWMTS({
layer: "ORTHOIMAGERY.ORTHOPHOTOS"
}),
opacity: 0.7,
visible: true,
}),
// WMTS-Géoportail - Couche d'un autre contrat (clé)
// Plan IGN v2
planignv2 = new ol.layer.Tile({
source : new ol.source.WMTS({
url: "https://wxs.ign.fr/la_clé_ici/geoportail/wmts",
layer: "GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2",
matrixSet: "PM",
format: "image/png",
style: "normal",
tileGrid : new ol.tilegrid.WMTS({
origin: [-20037508,20037508], // topLeftCorner
resolutions: resolutions, // résolutions
matrixIds: ["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19"] // ids des TileMatrix
})
})
}),
],
view: new ol.View({
center: [288074.8449901076, 6247982.515792289],
zoom: 12
}),
});
// Création du Layer Switcher
var lsControl = new ol.control.LayerSwitcher({
// paramétrage de l'affichage de la couche OSM
layers : [
{
layer: osmLyr,
config: {
title: "OSM",
description: "Couche OpenStreet Map"
}
},
{
layer: planignv2,
config: {
title: "Plan IGN v2",
description: "Couche Géoportail"
}
},
]
});
// Ajout du LayerSwitcher à la carte
map.addControl(lsControl);
};
</script> |
Partager