Discussion :

[japafrite]

Bonjour,

Au lieu et place de la légende, j'ai le message ci-dessous sur les couches ORTHOIMAGERY.ORTHOPHOTOS et GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2
"Ce flux a migré, une action est requise de votre part https://geoservices.ign.fr/bascule-vers-la-geoplateforme"

Ces couches s'affichent correctement.
Le plugin Leaflet est en beta4, les clés decouverte et cartes sont configurées et ces couches apparaissent disponibles dans le csv listant les ressources.
Que faut il faire ?

[xavlight]

Bonjour,

Je ne suis pas super expert côté extension Leaflet, je suis parti côté Openlayers, mais jettes un œil à cette exemple, et visiblement ça fonctionne, pas de problème d'intitulé.

https://jsfiddle.net/ignfgeoportail/0t1nLra7/

J'espère que tu trouveras ta réponse.

Xav

[elias couppe]

Il doit y avoir un problème dans votre code.

Avec la version 2.4.0-beta4 des exts pour Leaflet et le code suivant :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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
            <script type="text/javascript">
                window.onload = function () {
 
                    var wmts1 = L.geoportalLayer.WMTS({
                      layer : "ORTHOIMAGERY.ORTHOPHOTOS"
                    });
 
                    var wmts2 = L.geoportalLayer.WMTS({
                      layer : "GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2"
                    });
 
                    var wmts3 = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
                        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
                        opacity : 0.5
                    });
 
                    var map  = L.map('map', {
                      zoom : 6,
                      center : L.latLng(48, 2),
                      layers : [wmts1, wmts2, wmts3]
                    });
 
                    // options par defaut
                    var layerSwitcher = L.geoportalControl.LayerSwitcher();
                    map.addControl(layerSwitcher);
 
              }
           </script>

J'ai le résultat suivant :




De votre côté, je pense que vous continuez de taper sur les couches en wxs.ign.fr. Attention à bien mettre à jour votre fichier de configuration.

[japafrite]

Merci pour vos réponses mais je ne vois pas, je n'utilise pas de fichier de configuration mais utilise le getConfig préconisé par lowzonenose :
https://www.developpez.net/forums/d2.../#post11975125

L'extension va effectivement chercher ces urls :

GET
https://wxs.ign.fr/decouverte/geopor...tilecol=131506

Le code utilisé :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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
window.addEventListener("load", function() {
	var createMap = function() {
		var map = L.map("map", {
				gestureHandling: true,
				attributionControl: false
			})
			.setView([44.18951367, 0.59667445], 18);
		var lyrOrtho = L.geoportalLayer.WMTS({
			layer: "ORTHOIMAGERY.ORTHOPHOTOS",
		});
		var lyrMaps = L.geoportalLayer.WMTS({
			layer: "GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2",
		}, {
			opacity: 0.5
		});
		var lyrCadastre = L.geoportalLayer.WMTS({
			layer: "CADASTRALPARCELS.PARCELLAIRE_EXPRESS"
		}, {
			opacity: 0.5
		});
 
		var layerOptions = {
			layers: [{
					layer: lyrMaps,
					config: {
						visibility: false
					}
				},
				{
					layer: lyrCadastre,
					config: {
						visibility: false
					}
				}
			]
		}
		map.addLayer(lyrOrtho);
		map.addLayer(lyrMaps);
		map.addLayer(lyrCadastre);
		var layerSwitcher = L.geoportalControl.LayerSwitcher(layerOptions);
		map.addControl(layerSwitcher);
		map.addControl(new L.Control.Fullscreen());
		L.control.scale({
			imperial: false
		}).addTo(map);
		var geocoder = L.geocoderBAN().addTo(map);
		L.marker([44.18951367, 0.59667445], {
			title: " "
		}).addTo(map).bindPopup("<h3> <\/h3>");
	};
	Gp.Services.getConfig({
		apiKey: "essentiels,ortho,cartes,administratif,decouverte",
		onSuccess: createMap,
		onFailure: function(e) {
			console.error(e);
		}
	});
 
});

[xavlight]

Bonjour Japafrite,

Comme l'a dit Ellias, tu dois avoir un problème de code ou d'appel à la librairie IGN Leaflet.
Ca fonctionne très bien, et l'appel des couches se fait bien sur https://data.geopf.fr

https://data.geopf.fr/wmts?gp-leafle...tilecol=131506

Exemple en utilisant tes infos :
https://vision-synergies.com/test/ma...me-L-2024.html

A vérifier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- CSS Leaflet - Dernière version à date -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
<!-- CSS IGN Extension Leaflet - lien pour accès à la dernière version - actuellement 2.4.0-beta4 (14/12/2023) -->
<link rel="stylesheet" href="https://ignf.github.io/geoportal-extensions/leaflet-latest/dist/GpPluginLeaflet.css" />
<!-- CSS addon pour afficher le bouton fullscreen -->
<link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' />

<!-- librairie JQuery - complètement facultative si pas de fonction utilisée -->
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>

<!-- JS Leaflet - Dernière version à date -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- JSIGN Extension Leaflet - lien pour accès à la dernière version - actuellement 2.4.0-beta4 (14/12/2023) -->
<script src="https://ignf.github.io/geoportal-extensions/leaflet-latest/dist/GpPluginLeaflet.js"></script>
<!-- JS addon pour afficher le bouton fullscreen -->
<script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js'></script>

Voilà, si ça peut t'aider à avancer.

Sinon, il faut que tu mettes un exemple en ligne que l'on regarde.

Xav

[japafrite]

Effectivement, c'était un problème de prise en compte de la dernière librairie geoportail, merci xavlight