Discussion :

[Heretic]

Bonjour,
A l'arrivée sur cette page http://www.lpivtt.fr/visu_spots.php, le déplacement du fond est inactif... Le reste semble OK (zoom à la mollette + clic sur balises opérationnels).

Si j'ouvre le panneau d'outils, que je clique sur "déplacer le fond de carte", c'est toujours KO.
En revanche, si je clique sur l'outil loupe "se rapprocher" puis aussitôt sur "déplacer le fond" alors là, je peux effectivement avec la souris déplacer le fond

Dans la console, je vois des anos "this.layer.getFeatureFromEvent is not a function", certainement l'explication est-elle là, mais je ne trouve pas ce dont il retourne...

Merci de votre aide !

[dgrichard]

Dans la console, je vois des anos "this.layer.getFeatureFromEvent is not a function", certainement l'explication est-elle là, mais je ne trouve pas ce dont il retourne...

Cette méthode est appelée sur les couches qui sont des OpenLayers.Layer.Vector, il y a donc fort à parier que l'appel effectuée n'est pas sur une couche de ce type ...

Ce n'est pas le pan qui est en cause car si tu utilises le clavier, la carte bouge

Par contre, un clic dans la carte, lève l'erreur

Essaie de commenter toute ta couche marker pour voir si le phénomène continue (ton code source est très long et il faut isoler le problème).

[Heretic]

Je viens de commenter toute la génération de la couche marker et effectivement, pas de problème...
C'est long parce que plein d'occurrences répétées x fois.

J'ai réduit à un seul marqueur, bien sûr c'est toujours KO, voici le code généré :

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
<script type="text/JavaScript">

var gpMap,olMap,traceLayer;
var traceStyle = {strokeWidth: 4, strokeColor: '#0033FF', strokeOpacity: 0.8};

function initGeoportalMap() {
  geoportalLoadviewer("GeoportalMapDiv", "normal", "FXX");
	olMap = viewer.getMap();
	gpMap = viewer;
	var tbx = viewer.getMap().getControlsByClass('Geoportal.Control.ToolBox')[0];
	var measurebar= new Geoportal.Control.MeasureToolbar(
		{
			div: OpenLayers.Util.getElement(tbx.id+'_measure'),
			displaySystem: (viewer.getMap().getProjection().proj.projName=='longlat'? 'geographic': 'metric'),
			targetElement: OpenLayers.Util.getElement(tbx.id+'_meares')
		}
 	);
	viewer.getMap().addControl(measurebar);
  if(olMap.allowedGeoportalLayers){
		for (var i= 0; i<olMap.allowedGeoportalLayers.length; i++) {
			var overloaded_options= null;
			var couche= olMap.allowedGeoportalLayers[i];
        	if (couche.match(/^GEOGRAPHICALGRIDSYSTEMS.MAPS/)) {
		        overloaded_options= { opacity: 1.0 };
    		} else if (couche.match(/^ORTHOIMAGERY.ORTHOPHOTOS/)) {
	            overloaded_options= { visibility: false };
		    }
		    viewer.addGeoportalLayer(couche,overloaded_options);
  	}
  }
	var coucheMarqueurs=new OpenLayers.Layer.Markers("Spots");
	olMap.addLayer(coucheMarqueurs);
	var taille;
	var decalage;
	var icone;
	var position;
	var marqueur;
	taille=new OpenLayers.Size(17,31)
	decalage=new OpenLayers.Pixel(-(taille.w/2), -taille.h);
	icone=new OpenLayers.Icon('./Images/ban_lpi.gif', taille, decalage);
position=new OpenLayers.LonLat(1.753778500,44.150984300);
position.transform(OpenLayers.Projection.CRS84, olMap.getProjection());
marqueur=new OpenLayers.Marker(position, icone);
marqueur.events.register('mousedown', marqueur, function(evt) {
	if (this.feature == null) {
		this.feature= new OpenLayers.Feature(coucheMarqueurs,this.lonlat.clone(),
		    {
		       popupSize: new OpenLayers.Size(250,50),
		       popupContentHTML: "<div class='Style_blabla' align='center'><b>Gorges de l'Aveyron Bruniquel - St-Antonin</b><br></div><div class='Style_blabla' align='center'><a href='http://www.lpivtt.fr/index_traces.php?regId=16&dpt=82&spot=1'>54 trace(s)</a>.</div>"
		    });
		  this.feature.createPopup(true);
		  this.feature.popup.setBackgroundColor("#FFF4EA");
		  this.feature.popup.setOpacity(1);
		  coucheMarqueurs.map.addPopup(this.feature.popup);
	} else {
		  this.feature.popup.toggle();
	}
	OpenLayers.Event.stop(evt);
});
coucheMarqueurs.addMarker(marqueur);

	olMap.setCenterAtLonLat(1.896800, 43.20000, 8) 
	viewer.openLayersPanel(false);
	viewer.openToolsPanel(false);
}
</script>

[dgrichard]

J'ai réduit à un seul marqueur, bien sûr c'est toujours KO, voici le code généré :

Ces deux exemples utilisent aussi un marqueur et fonctionnent :

Affichage d'une popup au survol du marqueur
Affichage d'une popup au clic sur le marqueur

Y-a forcément une différence

[Heretic]

Bonjour,
j'ai copié-collé le code du second exemple (popup au clic) dans ma page, et il se trouve que j'ai le même problème... --> page ici
La seule différence se situe dans la version de l'API : je suis en V1.0 et le code de l'exemple tourne en V1.2
J'ai d'ailleurs vu à cette occasion qu'il y a du code js à embarquer chez soi pour la 1.2

Code :

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

 <script type="text/javascript" src="../js/1.2/GeoportalExtended.js"><!-- --></script>

Cette différence de version + l'import GeoportalExtended, pourrait-il justifier ce problème ? Comprends pas ce qui merdoie sinon

[dgrichard]

J'ai d'ailleurs vu à cette occasion qu'il y a du code js à embarquer chez soi pour la 1.2

Code :

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

 <script type="text/javascript" src="../js/1.2/GeoportalExtended.js"><!-- --></script>

Cette différence de version + l'import GeoportalExtended, pourrait-il justifier ce problème ?

Non, c'est juste que dans les exemples, j'utilises une version locale de l'API ...

Il y a forcement une différence

Pourrais-tu changer 1.0-e en 1.1-e, puis 1.1-e en 1.2-e et indiquer si le problème existe en 1.1 et peut-être en 1.2 chez toi ?

[Heretic]

Non, c'est juste que dans les exemples, j'utilises une version locale de l'API ...

Il y a forcement une différence

Pourrais-tu changer 1.0-e en 1.1-e, puis 1.1-e en 1.2-e et indiquer si le problème existe en 1.1 et peut-être en 1.2 chez toi ?

Bien vu ! Ca a l'air mieux avec la v1.1 et la v1.2...
En revanche je confirme, c'est KO avec la v1.0.
Tout ceci avec le code de ton 2e exemple copié dans ma page
Demain je fais le test avec la génération de mes propres popups.
Yeah, on voit le bout du tunnel ! Merci, je te tiens au jus demain !
Bonne soirée !

[Heretic]

Ca fonctionne nickel !
Merci pour ton aide précieuse dgrichard
a+

Exemple ici

[ycc000]

Ces deux exemples utilisent aussi un marqueur et fonctionnent :

Affichage d'une popup au survol du marqueur
Affichage d'une popup au clic sur le marqueur

Y-a forcément une différence

Bonjour,
Si j'essaye ces 2 exemples sous FF4, seul le premier fonctionne, si je les essaie sous FF3, les 2 fonctionnent.
Quelle est la différence ?
Merci

[dgrichard]

Bonjour,
Si j'essaye ces 2 exemples sous FF4, seul le premier fonctionne, si je les essaie sous FF3, les 2 fonctionnent.
Quelle est la différence ?
Merci

Le second lève une erreur :

Code :

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

1
2
OpenLayers.Size is not a constructor GeoportalExtended.js (line 5734)

à voir pourquoi

Rappel: depot.ign.fr est le nightly built, il ne fonctionne pas toujours ...

[ycc000]

Le second lève une erreur :

Code :

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

1
2
OpenLayers.Size is not a constructor GeoportalExtended.js (line 5734)

à voir pourquoi

Rappel: depot.ign.fr est le nightly built, il ne fonctionne pas toujours ...

Oui, la réponse m'interesse, j'ai un problème similaire sur mes tentatives de dev... OpenLayers.Layer.Markers is not a constructor
pour info, même pb avec le dernier Chrome...

[dgrichard]

L'erreur n'y est plus en local (sur ma machine), je présume que c'est une erreur ailleurs dans les javascripts que j'aurai corrigé aujourd'hui ...

Il faut attendre 4h du matin pour le nouveau nightly build

[ycc000]

OK, on verra demain, merci pour cette réactivité en tout cas ! bonne nuit

[ycc000]

Bonjour,
Pas mieux.
- Echec du nightly build ?
- Ou, puisque ça marche en local, je suppose avec toutes les librairies en local, y aurait il des restrictions sur les chargements des librairies JS distantes dans les nouveaux navigateurs?

[dgrichard]

- Echec du nightly build ?

Non, des modifications sont montées ...

- Ou, puisque ça marche en local, je suppose avec toutes les librairies en local, y aurait il des restrictions sur les chargements des librairies JS distantes dans les nouveaux navigateurs?

Rien à voir car l'exemple ne fonctionne pas avec FF 3.6. Je vais faire un diff. local avec le serveur de dév., j'ai sûrement oublié quelque chose ...

Edit: effectivement, le "fusionneur" de javascript n'était pas à jour, ainsi que quelques fichiers par ci et par là

[ycc000]

Bonsoir,
Je reviens sur mon pb de Firefox 4
En fait ceci se produisait avec ces exemples ci dessus, mais je ne le reproduis plus, vu que ces librairies évoluent quotidiennement. En fait je travaille bien sur "api" et non sur "depot".

Mon code est le suivant, basé sur un exemple API
Simple initialisation + ajout de 2 couches
Avec FF3 tout marche, les 2 couches sont crées, avec FF4, lors de la création de la deuxième couche "OpenLayers.Layer.Markers is not a constructor"

Est ce une erreur de ma part?
Merci

<!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="Content-Type" content="text/html; charset=UTF-8"/>
<script
type="text/javascript"
src="http://api.ign.fr/geoportail/api?v=1.2&amp;key=my_key&amp;instance=VISU">
<!-- -->
</script>

<script src="http://api.ign.fr/geoportail/api/js/1.2/GeoportalExtended.js" type="text/javascript"></script>

<script type="text/javascript">
<!--
function initGeoportalMap() {
geoportalLoadVISU("GeoportalVisuDiv");

if (VISU) {
VISU.addGeoportalLayers();
}

VISU.getMap().setCenter(VISU.viewerOptions.defaultCenter,VISU.viewerOptions.defaultZoom);

var layerStyle = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
layerStyle.fillOpacity = 0.2;
layerStyle.graphicOpacity = 1;

var vectorLayer = new OpenLayers.Layer.Vector("Vector",{style: layerStyle});
VISU.getMap().addLayer(vectorLayer);

var markers = new OpenLayers.Layer.Markers( "Markers" );
VISU.getMap().addLayer(markers);
}
-->
</script>
<style type="text/css">
<!--
div#GeoportalVisuDiv {
width:800px;
height:600px;
}
-->
</style>
</head>
<body>
<div id="GeoportalVisuDiv"></div>
</body>
</html>

[dgrichard]

Est ce une erreur de ma part?

Pourrais-tu ajouter le morceau de code en rouge (car tu charges deux fois l'API) :

Code :

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

1
2
3
4
5
6
7
8
...
<script
    type="text/javascript"
    src="http://api.ign.fr/geoportail/api?v=1.2&amp;key=my_key&amp;instance=VISU&amp;includeEngine=false&amp;">
  <!-- -->
  </script>
...

[ycc000]

Merci dgrichard ! ça marche aussi dans FF4 !!
désolé, en plus, c'était expliqué dans la doc...