Message d'erreur dans API 2.0.0

**Randobos** · 08/09/2012, 19h26

Lors du passage à la version 2.0.0, sétait posé un problème de virgule après mode:'normal' car j'avais un message d'erreur qui toutefois ne me bloquait aucune fonction d'ouverture de la carte.
J'ai donc enlevé la virgule, ce qui m'a provoqué un autre message d'erreur, et en corrigeant les messages d'erreur les uns après les autres (essentiellement des problèmes de virgules), je suis arrivé à ne plus avoir d'erreurs en cliquant sur "Aperçu" de mon éditeur de texte html (dans le sens page "html" vers page "Aperçu").
Maintenant lorsque je retourne de la page "Aperçu" vers la page "html" ou page "Edition", j'ai le message d'erreur suivant :ligne 138- Caractère: 244863- impossible d'obtenir la valeur de la propriété "parentNode":objet null ou non défini. Je dois préciser que ce message ne me bloque aucune fonction d'ouverture de carte. Ci-joint mon texte :

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
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- CSS incluses facilitant la surcharge des styles : -->
    <link href="http://api.ign.fr/geoportail/api/js/2.0.0/theme/geoportal/style.css" type="text/css" rel="stylesheet" />
<!-- Surcharge de styles : -->
<style type="text/css">
<!--
/* Affichage de l'API Géoportail + image "loading" pendant le téléchargement */
div#viewerDiv {
	float:left;
	background-image:url(http://capfrandos.free.fr/loading1.gif);
	background-position:center 200px;
	background-color:#ECFF9F;
	background-repeat: no-repeat;
}
-->
</style>
</head>
<body>

<div align="center">
         <table  cellpadding="0" cellspacing="0" width="795"> 
	 
              <tr>        
                 <td width="795">
<div id="viewerDiv" style="width:800px;height:700px;"></div>
              </td>  
              </tr>
	
              <tr>
                 <td width="795">
		 		      
                <p align="center">&nbsp;</p>
		      
                <p align="center"><b><font face="Arial" color="blue" size="4">Trac&eacute; en bleu de notre randonn&eacute;e &quot; De 
                Villars aux Ocres de la Bruy&egrave;re  (84)&quot;</font></b>
                                 
		 <p align="center"><font face="Arial" color="blue" size="3">(Vous pouvez cliquer sur le trac&eacute; pour obtenir 
                quelques d&eacute;tails)</font></p></b>                    
                                   
		 </td>
              </tr>
         </table>
</div>

	 <div id="viewerDiv"></div>		
<script type="text/javascript">
/*
 * Copyright (c) 2008-2012 Institut National de l'information Geographique et forestiere France, released under the
 * BSD license.
 */
/**
 * Property: viewer
 * {<Geoportal.Viewer>} the viewer global instance.
 */
viewer= null;

function ouvrePopup(feature) {
	if (feature) {

			var popup = new OpenLayers.Popup.Anchored(		
			"chicken",
			feature.geometry.getBounds().getCenterLonLat(), // Position
			null, // Taille
//____________Ajout des attributs dans l'info-bulle :
	"<div style='font-size:1em'>" + "<font color='#0D0DFF'><b>" + feature.attributes.name + 
		"</font></b></div>" + "<br />" +
	"<div style='font-size:.85em'>" + "<font color='#CC3366'><b>" + "Détails" + 
		"</font></b></div>" +
	"<div style='font-size:.75em'>" + "<font color='#0000CD'>" + feature.attributes.description +
		"</font></div>" + "<br />" +
	"<div style='font-size:.75em'>" + "<font color='#0000FF'><b>" + "Coordonnées WGS84 (longitude-latitude)" + 
		"</font></b></div>" +
	"<div style='font-size:.7em'>" + "<font color='#000000'>" + feature.attributes.position +
		"</font></b></div>",
			null, // Anchor
			true); // Croix de fermeture (true=oui  false=non)
		popup.setBorder("3px solid #668000");
		popup.setBackgroundColor("#ffffcc");
		popup.setOpacity(0.75);
		feature.popup= popup;
		feature.popup.panMapIfOutOfView= true; // Affichage de l'info-bulle : "true" déplace la carte, "false" déplace l'info-bulle.
		feature.popup.autoSize= true; // Taille automatique selon le contenu
		feature.popup.maxSize= new OpenLayers.Size(400,600); // Taille maxi
		feature.popup.minSize= new OpenLayers.Size(100,100); // Taille mini
		feature.popup.contentDiv.style.overflow= 'auto'; // Affichage des barre de défilement si nécessaire
		viewer.getMap().addPopup(popup, true);
	}
}
function fermePopup(feature)
{ 
    if (feature && feature.popup) {
        feature.popup.destroy();
        feature.popup= null;
}
	}
// Function: initMap - Lancement de l'application après chargement des informations par <loadAPI>().
function initMap() {
    //L'api est chargée à cette étape

    // add translations
    translate();

    //options for creating viewer:
    var options= {
        mode:'normal'
        // territory:'EUE',
        // valeur par défaut
		// projection:'IGNF:GEOPORTALFXX',
        // 'EPSG:3044' nécessite l'API étendue
		//displayProjection:['CRS:84', 'EPSG:3044']
    };
    // création du visualiseur du type <Geoportal.Viewer>
    //                                   HTML div id, options
viewer= new Geoportal.Viewer.Default('viewerDiv', OpenLayers.Util.extend(
        options,
        // variable contenant la configuration des clefs API remplie par
        // <Geoportal.GeoRMHandler.getConfig>
        window.gGEOPORTALRIGHTSMANAGEMENT===undefined? {'apiKey':'pdlnbtpwab43cpbuxkqa9jfz'} : gGEOPORTALRIGHTSMANAGEMENT)
    );
//____________Association d’un select à plusieurs couches
viewer.addGeoportalLayers([
            'ORTHOIMAGERY.ORTHOPHOTOS',
            'GEOGRAPHICALGRIDSYSTEMS.MAPS',
	    'TRANSPORTNETWORKS.ROADS'],
            {
				'ORTHOIMAGERY.ORTHOPHOTOS':{
					visibility:false,
					opacity: 1,
					name:'Photo aérienne'
				},
				'GEOGRAPHICALGRIDSYSTEMS.MAPS':{
					visibility:true,
					opacity: 1.0
				},
				'TRANSPORTNETWORKS.ROADS':{
					visibility:false,
					opacity: 1
				},
                global:{
                    transitionEffect: 'resize'
                }
            });
    viewer.setLayersPanelVisibility(true);// Onglet "couches" affiché (true=oui  false=non)
    viewer.openLayersPanel(true);// Onglet "couches" développé (true=oui  false=non)
    viewer.setToolsPanelVisibility(true);// Onglet "outils" affiché (true=oui  false=non)
	viewer.openToolsPanel(true);// Onglet "outils" développé (true=oui  false=non)
	viewer.setInformationPanelVisibility(true);// Onglet "Informations" affiché (true=oui  false=non)

//__________Ajout de la couche KML (trace)
				var StyleTrace= new OpenLayers.StyleMap({
							"default"  : new OpenLayers.Style ({
								fillColor: "#FF0000",
								strokeColor: "#0000FF",
								strokeWidth: 3,
								fillOpacity: 0.1
							}),
							"select" : new OpenLayers.Style ({
								fillColor: "#0000FF",
								strokeColor: "#FF0000",	
								strokeWidth: 3,
								fillOpacity: 0.1
							})
				});		
				var trace=viewer.getMap().addLayer(
						"KML",	 
						"Trace", 			
						"villars.kml",
        {

//Pour modifier le rendu et le comportement par défaut des fiches KML, il faut surcharger les options : preFeatureInsert, onFeatureInsert, onSelect, onUnselect, et, éventuellement, hover.
            projection:OpenLayers.Projection.CRS84,//always set projection when setting maxExtent
            maxExtent:new OpenLayers.Bounds(-180, -90, 180, 90),
            minZoomLevel: 5,
            maxZoomLevel:20,
			opacity:1.0,
			visibility: true, // Affichage : true=oui  false=non
			styleMap:StyleTrace
},
        {
            hover:false, // "true" = affichage popup au survol, "false" = au select
            highlightOnly:true, // "true" = désignation du contenu 
            renderIntent:"select" // Désignation du style lorsque "highlightOnly" est à "true"
       });

    var clickCtrlOpts= OpenLayers.Util.extend( viewer.getMap().getPopupDefaults('KML'), {
            onSelect:ouvrePopup,
            onUnselect:fermePopup
    });
    //L'objet crée est utilisé pour faire un contrôle de sélection
    var clickCtrl= new OpenLayers.Control.SelectFeature([trace], clickCtrlOpts);
        viewer.getMap().addControl(clickCtrl);
		clickCtrl.activate(); 
            /**
     * onVisibilityChange:
     * Activate or Deactivate the select control of a layer or layers.
     * When all layers are not visible, the control is deactivated, otherwise it is activated.
     */
	    viewer.getMap().events.on({
        "changelayer":Geoportal.Map.onVisibilityChange,
        scope:clickCtrl});

    viewer.getMap().setCenterAtLonLat(5.42646, 43.91734, 14);
    // cache la patience - hide loading image
    viewer.div.style[OpenLayers.String.camelize('background-image')]= 'none';
}
/**
 * Function: loadAPI
 * Load the configuration related with the API keys.
 * Called on "onload" event.
 * Call <initMap>() function to load the interface.
 */
function loadAPI() {
    // on attend que les classes soient chargées
    if (checkApiLoading('loadAPI();',['OpenLayers','Geoportal','Geoportal.Viewer','Geoportal.Viewer.Default'])===false) {
        return;
    }
    // on charge la configuration de la clef API, puis on charge l'application
    Geoportal.GeoRMHandler.getConfig(['pdlnbtpwab43cpbuxkqa9jfz'], null,null, {
        onContractsComplete: initMap
    });
}
// assignation de la fonction à appeler lors de la levée de l'évènement
// "onload"
	window.onload= loadAPI;
</script>
<!--<script type="text/javascript" charset="utf-8" src="http://api.ign.fr/geoportail/api/js/2.0.0/lib/geoportal/lib/Geoportal.js"></script>-->
<script type="text/javascript" charset="utf-8" src="http://api.ign.fr/geoportail/api/js/2.0.0/Geoportal.js"><!-- --></script>
<script type="text/javascript" src="http://capfrandos.free.fr/utils.js"></script>
</b></body>
</html>

Quelq'un aurait-il la solution car bien qu'ayant essayé quelques tentatives, je suis personnellement trop limité en informatique

**Zébulon-21** · 08/09/2012, 20h15

Envoyé par Randobos

Quelq'un aurait-il la solution car bien qu'ayant essayé quelques tentatives, je suis personnellement trop limité en informatique

Moi très limité aussi mais si ton message dit : problème à la ligne 138, c'est par là qu'il faut regarder en 1er lieu

Opacity n'accepte peut-être pas le 1.0 ? ? ?

**Randobos** · 08/09/2012, 20h50

Quand je fais monter d'une ligne opacity: 1.0, et descendre d'une ligne visibility:true

Code :

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

1
2
3
4
},
				'GEOGRAPHICALGRIDSYSTEMS.MAPS':{
					opacity: 1.0,
					visibility:true

au lieu de :

Code :

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

1
2
3
4
},
				'GEOGRAPHICALGRIDSYSTEMS.MAPS':{
					visibility:true,
					opacity: 1.0

J'ai toujours le même message d'erreur à la ligne 138. Cela ne vient donc pas d'un Pb avec opacty.

**Zébulon-21** · 08/09/2012, 21h00

opacity: 1 au lieu de opacity: 1.0 ? ? ?

**Randobos** · 08/09/2012, 22h55

J'ai également essayé.

**Zébulon-21** · 09/09/2012, 20h35

Désolé, je ne connais guère plus que toi en langage informatique

**Randobos** · 09/09/2012, 21h59

J'ai constaté que dans ton exemple http://www.valroc.net/archives/ligne23.html, l'erreur en ligne 138 existait également. Nous n'avons plus qu'à espérer l'appui d'un informaticien

.

**dung25** · 09/09/2012, 23h56

L'erreur est générée au moment du chargement de l'image :
http://api.ign.fr/geoportail/api/js/...l/img/roam.cur (curseur representant une main)
Cette image possède l'extension ".cur" son type Mime est incorrecte et doit être interprété par le navigateur d'ou le message du navigateur (info)
Le problème est donc côté serveur.

**Zébulon-21** · 10/09/2012, 11h15

Envoyé par dung25

Le problème est donc côté serveur.

Merci pour l'info mais avec quel outil voyez-vous (Dung25 et Randobos) ces erreurs ?

De mon coté, il n'y a aucun message d'erreur sur IE v8 et, avec Firefox v15, la console d'erreurs ne dit rien non plus.

Par contre il y a bien une ribambelle de messages d'avertissement sur des propriétés CSS (de l'API) non reconnues par Firefox, mais cela ne semble pas poser de problèmes.

**Randobos** · 10/09/2012, 12h41

C'est mon éditeur de page web "Namo WebEditor" qui m'indique les erreurs. Jusqu'à maintenant mes erreurs de texte html, m'étaient signalées lorsque je passais sur la page "Aperçu" (celle que l'on est sensé voir sur le net).
Dans la discussion que j'ai lancée, j'ai indiqué que je n'avais pas d'erreur en passant de la page "html" vers la page "Aperçu" mais que l'erreur m'était signalée lorsque de la page "Aperçu" je retournais sur la page "html". Voici ce qui m'apparait avec IE8 sous Windows XP :

et avec IE9 sous Windows 7 :

**saxrub** · 10/09/2012, 12h46

Y-a-t-il une URL de test ?
Dans le passé (pas si vieux), dans une de mes pages, j'ai eu une erreur incompréhensible sur une ligne de API.
En fait, cela venait du fichier KML utilisé qui n'était pas en UTF8.
La page et ses composants sont-ils tous UTF8 ?

**Randobos** · 10/09/2012, 14h03

Merci saxrub de m'avoir fait part d'une erreur qui t'avait posé problème.
Je ne pense pas en ce qui me concerne que ce soit l' UTF-8 qui me provoque un message d'erreur.
Dans mon code source il est écrit :

Code :

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

1
2
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Et je pense que mon fichier kml est également en UTF-8 voir :
http://capfrandos.free.fr/villars.kml

**dung25** · 10/09/2012, 14h30

La solution n'est pas dans le script applicatif (voir plus haut).
Le navigateur reçoit une image avec extension ".cur" et on ne lui a pas précisé ce qu'est le format de cette extension (coté serveur) alors il propose une "traduction" et le signale (cas de Chrome) ou pas (cas de Firefox).
La "traduction" est bonne puisqu'il s'agit du curseur en forme de main que l'on voit au survol du kml.
L'autre solution serait côté programme de convertir l'image en png.
Cette erreur ne gêne pas le fonctionnement.

**Randobos** · 10/09/2012, 15h22

La solution n'est pas dans le script applicatif (voir plus haut).

Effectivement dung25 lorsque dans mon script je laisse la ligne 138 vide, l'erreur m'est toujours annoncée à cette ligne.

Cette erreur ne gêne pas le fonctionnement.

C'est ce que j'avais signalé dans l'un de mes précédents messages, mais ce serait quand même "satisfaisant" de ne plus voir apparaitre une fenêtre d'erreur.

**dgrichard** · 11/09/2012, 00h19

Envoyé par dung25

L'erreur est générée au moment du chargement de l'image :
http://api.ign.fr/geoportail/api/js/...l/img/roam.cur (curseur representant une main)
Cette image possède l'extension ".cur" son type Mime est incorrecte et doit être interprété par le navigateur d'ou le message du navigateur (info)
Le problème est donc côté serveur.

Je vais remonter ce problème à la production, mais ce curseur existe depuis longtemps déjà ... Une régression entre la configuration apache du Géoportail 2 et nginx du Géoportail 3 ?

Ce qui m'étonne c'est que 100% des sites vus sous IE devraient se plaindre ... et c'est pas le cas

**Randobos** · 11/09/2012, 10h09

C'est peut-être aussi le problème signalé par saxrub puisque mes fichiers kml ne semblent pas encodés UTF-8 : voir ici

**mga_geo** · 11/09/2012, 10h27

Pour la validation du kml, le site http://kmlvalidator.com/validate.htm peut faire l'affaire.

Pour le fichier "roam.cur", l'entête nginx n'est pas top

HTTP/1.1 200 OK
Server: nginx
Date: Tue, 11 Sep 2012 07:19:52 GMT
Content-Type: test/html
Content-Length: 326
Last-Modified: Tue, 04 Sep 2012 11:53:00 GMT
Connection: keep-alive
Accept-Ranges: bytes

**dgrichard** · 11/09/2012, 12h16

Effectivement on devrait avoir plutôt image/x-win-bitmap, application/x-win-bitmap

On va remonter l'info

Message d'erreur dans API 2.0.0

IGN API Géoportail

Discussions similaires

Partager

Partager