Discussion :

[papilou38]

Bonjour,
j'essaie d'effectuer la migration vers le SDK2 pour le site de mon association hébergé chez free.
Bien que générant de nombreuses erreurs, l'affichage du tracé de nos randonnées répondait à mon souhait :

http://http://seaccueil.free.fr/SEA/fichiersGPX/leaflet.php?gpx=2019-10-17-fonturbat_violet.GPX

après avoir essayé d’effectuer la migration avec SDK2, l’affichage de la carte est très long (35 s), elle n’est pas centrée sur le tracé GPX, et j’obtiens 18 erreurs identiques relatives à ma clé IGN :

http://http://wxs.ign.fr/ma-clé/geoportail/wmts?gp-ol-ext=2.0.0&layer=GEOGRAPHICALGRIDSYSTEMS.MAPS&style=normal&tilematrixset=PM&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fjpeg&TileMatrix=8&TileCol=157&TileRow=122

pouvez vous m'orienter vers la solution ?
merci d'avance

L.Brissot

[elias couppe]

Quelles erreurs s'affichent en console ? Sur l'exemple que vous montrez, le SDK n'est pas utilisé : il s'agit plutôt de l'affichage de la couche carto IGN directement via Leaflet (+ couche OSM + une trace GPX).

Le SDK 2D se base sur Openlayers (et non Leaflet) : ICI se trouve la doc, les liens de téléchargements, et les exemples permettant de démarrer.

Ci-dessous, un exemple d'utilisation du SDK 2D pour l'affichage d'un GPX avec centrage de la carte sur son emprise :

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
 Gp.Map.load('ID-DIV-ou-afficher-la-carte',{
            apiKey : "ma-CLE-API",
            center : {
                x : 786524,
                y : 5099419
            },
            controlsOptions : {
                // control de gestionnaire des couches
                "layerSwitcher" : {},
                // control de récupération des attributs
                "getfeatureInfo" : {
                    options : {
                        auto : true,
                        hidden: true
                    }
                }
            },
            layersOptions : {
                // affichage couche photographies aériennes
                "ORTHOIMAGERY.ORTHOPHOTOS" : {
                    minZoom : 1,
                    maxZoom : 21,
                },
                // affichage trace GPX (centrage sur emprise)
                maCoucheGPX : {
                    format : "gpx",
                    visibility : true,
                    zoomToExtent : true,
                    url : "chemin/vers/mon/fichier.gpx",
                }
            },
            // zoom au chargement de la carte
            zoom : 12
        });

[papilou38]

merci beaucoup
ça marche du premier coup avec ce code.
Je crois que j'ai en fait mal assimilé la hiérarchie entre le SDK, openlayers et leaflet.
Je me suis jeté sur le tutoriel "migration/affichage de base" au lieu de partir sur SDK, en partant du fait que j'avais quelquechose qui fonctionnait avec l'aPI V2.
Je vais pouvoir repartir sur de bonnes bases.
merci beaucoup

[papilou38]

Bonjour,

j'ai maintenant un affichage conforme à ce que je souhaite ; le temps d'affichage a été sensiblement réduit par le fichier autoconf.json mais j'ai toujours 9 erreurs sur la console
https://wxs.ign.fr/ma-clé/geoportail...6&TileRow=2048 error 404 not found

cette erreur se reproduit pour les colonnes 2046 à 2049, et les lignes 2047 à 2048 (8 fois)

et une fois pour

https://wxs.ign.fr/static/logos/LANG...ROUSSILLON.gif error 404 not found


Puis je considérer qu'en mettant ce code en ligne avant le 27 novembre, il n'y aura pas d'interruption de l'affichage IGN ?

merci d'avance

[elias couppe]

Bonjour,

j'ai maintenant un affichage conforme à ce que je souhaite ; le temps d'affichage a été sensiblement réduit par le fichier autoconf.json mais j'ai toujours 9 erreurs sur la console
https://wxs.ign.fr/ma-clé/geoportail...6&TileRow=2048 error 404 not found

cette erreur se reproduit pour les colonnes 2046 à 2049, et les lignes 2047 à 2048 (8 fois)

--> A priori c'est normal : les "not found" sont levés lorsque la visu cartographique est déplacée dans des zones où il n'y a pas de données (en dehors de la France, au niveau de zoom supérieurs)

https://wxs.ign.fr/static/logos/LANG...ROUSSILLON.gif error 404 not found

--> Le logo était manquant, le problème est corrigé

Puis je considérer qu'en mettant ce code en ligne avant le 27 novembre, il n'y aura pas d'interruption de l'affichage IGN ?

--> L'interruption de l'APIv2 est totalement décorrélé de la date de mise en production de votre application. Le 27 novembre, le protocole par défaut permettant de récupérer les données cartographiques va changer.

Si votre application continue de tourner sur l'API v2, les tuiles cartographiques stockées sur nos serveurs ne pourront plus être récupérées et affichées, car l'API v2 n'est pas adaptée à ce nouveau protocole.
En revanche, si vous avez bien migré sur l'API v3 (extensions ou SDK), il n'y aura pas de problème le 27 novembre, car nos "nouvelles" APIs gèrent correctement ce nouveau protocole.

[papilou38]

merci pour la correction.

je suis surpris que des erreurs subsistent au chargement de ma page sans que je fasse de zoom hors des cartes topo.

les script js sont récupérés depuis les liens "ressources" de la page
https://geoservices.ign.fr/documenta...hage-base.html
est ce bien la version V3 ?

Code HTML :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
	<title>SDK2</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- SDK Géoportail 31 oct 2019
 
 
	-->
	<script src="../../js/GpOl3.js"></script>
	<script src="../../js/GpSDK2D.js"></script>
	<link rel="stylesheet" href="../../style/GpSDK2D-src.css" />
	<link rel="stylesheet" href="../../style/GpSDK2D-map.css" />
	<link rel="stylesheet" media="screen" type="text/css" title="design" href="../../style/style_leaflet.css" />
</head>
<body>
 
 
<?php  if (isset($_GET['gpx'])){$gpx=$_GET['gpx']; } 
?>
<div id="map"></div>
 
<script>
 
 
var lat = 45.0539;
var lon = 6.25516 ;
 Gp.Map.load('map',{
            apiKey : "ma_clé",
            configUrl : "../../js/autoconf.json",
            center : {
                x : lon,
                y : lat
                        },
            controlsOptions : {
                // control de gestionnaire des couches
                "layerSwitcher" : {},
                // control de récupération des attributs
                "getfeatureInfo" : {
                    options : {
                        auto : true,
                        hidden: true
                    }
                }
            },
            layersOptions : {
                // affichage couche photographies aériennes
                "ORTHOIMAGERY.ORTHOPHOTOS" : {
                    minZoom : 1,
                    maxZoom : 21,
                },
                "GEOGRAPHICALGRIDSYSTEMS.MAPS" : {
                    minZoom : 1,
                    maxZoom : 21,
                },
                
                // affichage trace GPX (centrage sur emprise)
                maCoucheGPX : {
                    format : "gpx",
                    visibility : true,
                    zoomToExtent : true,
                    title: 'tracé',
                    url : '<?php echo $gpx;?>',
                }
            },
            // zoom au chargement de la carte
            zoom : 12
        });
 
</script>
 
</body>
</html>

[elias couppe]

Re-bonjour,

Vous semblez bien utiliser la version 3 de l'API via le SDK 2D. Je vous conseille de récupérer les ressources depuis ce zip, qui correspond à la dernière version publiée (3.0.2) du SDK 2D.

Dans votre code, il y a à boire et à manger. Il y a quelques fichiers intégrés en trop.

Code HTML :

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

1
2
3
4
5
        <script src="../../js/GpOl3.js"></script>
	<script src="../../js/GpSDK2D.js"></script>
	<link rel="stylesheet" href="../../style/GpSDK2D-src.css" />
	<link rel="stylesheet" href="../../style/GpSDK2D-map.css" />
	<link rel="stylesheet" media="screen" type="text/css" title="design" href="../../style/style_leaflet.css" />

Vous avez uniquement besoin pour l'utilisation du SDK :
- du bundle javascript SDK.js
- du style SDK.css

Pour le debug, on préférera intégrer les fichiers sources .src ou .map (plus lourds en taille mais plus faciles pour debugger le code), qui sont présents dans le zip cité plus haut, comme suit :

Code HTML :

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

1
2
	<script src="../../js/GpSDK2D-src.js"></script>
	<link rel="stylesheet" href="../../style/GpSDK2D-src.css" />

ou

Code HTML :

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

1
2
	<script src="../../js/GpSDK2D-map.js"></script>
	<link rel="stylesheet" href="../../style/GpSDK2D-map.css" />

Pour la production, on prendra les fichiers minifiés et optimisés (également présents dans le zip) :

Code HTML :

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

1
2
	<script src="../../js/GpSDK2D.js"></script>
	<link rel="stylesheet" href="../../style/GpSDK2D.css" />

Bonne journée

[papilou38]

merci pour la patience et la pédagogie

je vais maintenant essayer d'améliorer la carte avec des outils et un profil altimétrique.

Encore merci.

[papilou38]

bonjour,

je continue la chasse aux erreurs sur console (par perfectionnisme, car tout fonctionne)
j'ai une autre erreur relative aux logos :

https://wxs.ign.fr/static/logos/PREF...GUADELOUPE.gif error 408 time out

du coup, l'erreur
https://wxs.ign.fr/static/logos/LANG...ROUSSILLON.gif
réapparait en 408 (Request Time- out)

2° question
dois je me préoccuper de l'avertissement :

[AutoConfResponseReader] autoconf response xmlns:gpp namespace is not the expected one

merci pour votre aide et bon WE