Afin de résumer le problème rencontré :
La page marche sans problème et sans erreur sous Firefox/IE8 :
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
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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>API Geoportail - votre carte personnelle</title> <meta http-equiv="X-UA-Compatible" content="IE=7"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="http://api.ign.fr/geoportail/api?v=1.0beta4&key=2820432997835229541&instance=VISU"> <!-- --> </script> <script type="text/javascript"> <!-- function initGeoportalMap() { geoportalLoadVISU("GeoportalVisuDiv", "normal"); //----------------------------------------------------------------------- // Parametrer couleur et epaisseur trace gpx API IGN //----------------------------------------------------------------------- var strCouleur = "#114f0e" ; var strLargeur = 4; OpenLayers.Feature.Vector.style['default'].strokeColor = strCouleur; OpenLayers.Feature.Vector.style['default'].fillColor = strCouleur; OpenLayers.Feature.Vector.style['default'].strokeWidth =strLargeur ; //----------------------------------------------------------------------- // Exemple avec un code territoire (ici la Guadeloupe) // Snapshot with a territory code (here Guadeloupe island) // geoportalLoadVISU("GeoportalVisuDiv", "normal", "GLP"); if (VISU) { VISU.addGeoportalLayers(['GEOGRAPHICALGRIDSYSTEMS.MAPS:WMSC','ORTHOIMAGERY.ORTHOPHOTOS:WMSC'], {visibility:true, opacity: 0.6}); VISU.openLayersPanel(false); VISU.openToolsPanel(false); VISU.setLayersPanelVisibility(true); VISU.setToolsPanelVisibility(true); VISU.setInformationPanelVisibility(false); VISU.getMap().setCenterAtLonLat(5.2836, 44.1738, 13); VISU.getMap().addLayer( "GPX", "Trace", "crete2010.gpx", { minZoomLevel:0, maxZoomLevel:20 } ); } } --> </script> <style type="text/css"> <!-- body { background-color: #696; margin-left: 20px; margin-top: 20px; } --> </style></head> <body> <div id="GeoportalVisuDiv" style="width:800px;height:600px;"></div> </body> </html>
http://pausebonheur.fr/versionbeta4.html
=========================================================
Donne l'affichage :
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
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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>API Geoportail - votre carte personnelle</title> <meta http-equiv="X-UA-Compatible" content="IE=7"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="http://api.ign.fr/geoportail/api?v=1.0&key=2820432997835229541&instance=VISU"> <!-- --> </script> <script type="text/javascript"> <!-- function initGeoportalMap() { geoportalLoadVISU("GeoportalVisuDiv", "normal"); //----------------------------------------------------------------------- // Parametrer couleur et epaisseur trace gpx API IGN //----------------------------------------------------------------------- var strCouleur = "#114f0e" ; var strLargeur = 4; OpenLayers.Feature.Vector.style['default'].strokeColor = strCouleur; OpenLayers.Feature.Vector.style['default'].fillColor = strCouleur; OpenLayers.Feature.Vector.style['default'].strokeWidth =strLargeur ; //----------------------------------------------------------------------- // Exemple avec un code territoire (ici la Guadeloupe) // Snapshot with a territory code (here Guadeloupe island) // geoportalLoadVISU("GeoportalVisuDiv", "normal", "GLP"); if (VISU) { VISU.addGeoportalLayers(['GEOGRAPHICALGRIDSYSTEMS.MAPS:WMSC','ORTHOIMAGERY.ORTHOPHOTOS:WMSC'], {visibility:true, opacity: 0.6}); VISU.openLayersPanel(false); VISU.openToolsPanel(false); VISU.setLayersPanelVisibility(true); VISU.setToolsPanelVisibility(true); VISU.setInformationPanelVisibility(false); VISU.getMap().setCenterAtLonLat(5.2836, 44.1738, 13); VISU.getMap().addLayer( "GPX", "Trace", "crete2010.gpx", {visibility:true}, { minZoomLevel:0, maxZoomLevel:20 } ); } } --> </script> <style type="text/css"> <!-- body { background-color: #696; margin-left: 20px; margin-top: 20px; } --> </style></head> <body> <div id="GeoportalVisuDiv" style="width:800px;height:600px;"></div> </body> </html>
http://pausebonheur.fr/version10.html
---------------------------------------------------------------------
Sous la version 1.0, donc le panneau d'information n'est pas désactivé, il y a des erreurs sous IE8, l'affichage du panneau de couche réduit ne marche pas (à moins que je n'ai pas touvé le code), la trace s'affiche avec visibility true.
C'est quand même un peu ennuyeux au vu du nombres de sites/randos qui utilisent l'API (dont je constate qu'ils sont restés tous en beta4 ou antérieure) et qui devraient passer en 1.0 dans le code.
Pardon d'avoir été un peu long, les exemples pratiques sont plus parlants.
PS 1 : au cas où j'ai des erreurs de code en 1.0, merci aux "pros", éventuellement de bien vouloir me suggérer des corrections.
PS2 : je précise que la page de code vient juste de celle de mon contrat de licence 1.0beta4 et a juste été un peu modifiée (rajout de visibility true pour la trace avec la 1.0).
Partager