Discussion :

[lalie73]

Bonjour,

Je fais afficher une couche kml contenant des points, jusque là pas de pb.
Au survol (ou au clic, d'ailleurs), je fais afficher une info-bulle de type frameCloud, ça fonctionne très bien, mais je "perds" alors les fonctions de navigation et de zoom dans ma carte, elle est comme figée. A moins de recharger ma page, je ne peux plus ni me déplacer, ni zoomer; en revanche, le contrôle des calques fonctionne bien.
Est-ce que quelqu'un a déjà eu ce problème ?
Merci

Nathalie

[Unusual]

Peux-tu montrer un peu ton code ? ...Et peut-être décrire un peu plus précisément le contexte (version windows, navigateur, ...) ?

[lalie73]

Bonjour,
Voici mon code, corrigé avec l'aide de l'ign :

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
<div id="Titre" align="center" class="Titre">Traitement H&eacute;lico de mars 2009<br>
</div>

<script type="text/javascript"
        src="http://api.ign.fr/geoportail/api?v=1.0beta3&amp;key=XXXXXXXXX&amp;instance=map&amp;">
</script>
<script type="text/javascript">
    <!--
    var nom;

    map= null;// prevents IE errors when instance is not declared by the API

    function surPoint(feature) {
      if (feature) {
        feature.style.externalGraphic= "icones/red-stars.png";
        if (!feature.popup) {
          var ll= feature.geometry.getBounds().getCenterLonLat();
          feature.popup= new OpenLayers.Popup.FramedCloud(
            "chicken",
            ll,
            null,
            "<div style='font-size:.9em;color:#8080FF;font-weight:bold;background-color:#DCFFFF;'>" +
              feature.attributes.name +
            "</div><div style='font-size:.7em;'>" +
              (feature.attributes.description? feature.attributes.description:"") +
            "</div>",
            null,
            false);
        }
        if (feature.popup){
          map.getMap().addPopup(feature.popup,true);
        }
      }
    }

    function quittePoint(feature) {
      if (feature) {
        feature.style.externalGraphic= "icones/blu-stars.png";
        if (feature.popup){
          feature.popup.destroy();
          feature.popup=null;  
        }
      }
    }

    function initGeoportalMap() {
      OpenLayers.Util.onImageLoadErrorColor = "transparent";
      map= OpenLayers.Util.Try(
        function () {
            geoportalLoadmap("MapDiv","normal","FXX");
            return map;
        },
        function () {
            OpenLayers.Console.error(Geoportal.i18n('new.instance.failed'));
            return null;
        }
      );

      if(map.allowedGeoportalLayers){
        for (var i= 0; i<map.allowedGeoportalLayers.length; i++) {
          var overloaded_options= null;
          switch (map.allowedGeoportalLayers[i]) {
          case 'GEOGRAPHICALGRIDSYSTEMS.MAPS': // cartes
              overloaded_options= {
                opacity: 1.0
              };
              break;
          case 'ORTHOIMAGERY.ORTHOPHOTOS'    : // ortho-photos
              overloaded_options= {
                visibility: false
              };
              break;
          default                            :
              break;
          }
          map.addGeoportalLayer(map.allowedGeoportalLayers[i],overloaded_options);
        }
      }

      var pp_gpstm=map.addLayer(
        "KML",
        {
          'pp_gpstm.kml.name':
          {
            'fr':"pts pose h&eacute;lico"
          }
        },
        "kml/pp_gpstm.kml",
        {
          visibility:true,
          transparent:true,
          opacity:1,
          onFeatureInsert:function(f){}//default OL: on ne fait rien!
        },
        {
          onSelect: surPoint,
          onUnselect: quittePoint,
          hover: true
        }
      );


      map.setCenterAtLonLat(5.85,45.83,8);

} //fin de fonction initGeoportalMap

</script>
</head>

<body onload="initGeoportalMap();">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
  <div id="MapDiv" style="width:800px;height:575px;"></div>
</body>
</html>

Je travaille pour le moment en développement local, sous windows XP, et firefox 3.0.10 comme navigateur. J'ai fait un test avec IE7 et là, c'est pire ! lorsque je me déplace dans la carte, le fond de plan bouge, mais pas les picto! en revanche, les infos bulles sont bien "localisées" !! mais les fonctions de navigation et de zoom fonctionnent toujours.....

[Unusual]

Bonjour,

Je pense que ton problème vient du fait qu'il faut que tu ne désactives pas ton contrôle de sélection :

Pour ma part, j'ai après le chargement de la couche KML le rattachement des fonctions de sélection, déselection que je transpose rapidement ici pour toi, ainsi que le code complémentaire :

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
var pp_gpstm=map.addLayer(
        "KML",
        {
          'pp_gpstm.kml.name':
          {
            'fr':"pts pose hélico"
          }
        },
        "kml/pp_gpstm.kml",
        {
          visibility:true,
          transparent:true,
          opacity:1,
          onFeatureInsert:function(f){}//default OL: on ne fait rien!
        }
      );

selectControl = new OpenLayers.Control.SelectFeature(pp_gpstm,
            {onSelect: surPoint, onUnselect: quittePoint, hover:true});
map.getMap().addControl(selectControl);
selectControl.activate();

dans la fonction de sélection :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
selectedFeature = feature;            
feature.popup= new OpenLayers.Popup.FramedCloud(
            "chicken",
            ll,
            null,
            "<div style='font-size:.9em;color:#8080FF;font-weight:bold;background-color:#DCFFFF;'>" +
              feature.attributes.name +
            "</div><div style='font-size:.7em;'>" +
              (feature.attributes.description? feature.attributes.description:"") +
            "</div>",
            null,
            false,
            onPopupClose);

et la fonction sur fermeture du popup à ajouter :

Code :

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

1
2
3
4
5
function onPopupClose(evt) 
{
    selectControl.unselect(selectedFeature);
}

Pour ma part, j'ai aussi une ligne supplémentaire dans la fonction de désélection avant la destruction du popup

Code :

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

1
2
3
4
map.getMap().removePopup(feature.popup);
feature.popup.destroy();
feature.popup = null;

J'espère que cela t'aidera (moi, je n'ai pas eu de pb, mais je n'utilise pas le hover à true)

[lalie73]

Bonjour,
Hélas pas mieux . Je me demandais si le fait que mon serveur local soit installé avec mapguide opensource puisse avoir une influence quelconque ?
Quand pensez-vous ?
Peut-être devrais-je installer un serveur apache indépendant ?
Nath

[lalie73]

Après essai sur un autre site, en page html simple....pas mieux. En revanche, si je "désactive" la carte géoportail (fausse clé de license), zoom et navigation fonctionnent et les coordonnées des points restent bonnes ???????????

[Unusual]

Je te proposerais bien de tester chez moi ta page HTML afin de voir si cela fait pareil...mais c'est peut-être confidentiel, non ?

[lalie73]

Non, ce n'est pas confidentiel. Je peux te zipper le tout en MP, ça serait sympa, parce que là...j'comprends pas.

[Unusual]

Pas de pb...je veux bien jeter un coup d'oeil dessus

[dgrichard]

Juste pour info, j'avais bien eu le code de lalie73 :
Il fonctionne sous FF3.0.7/Linux sans problème sur la navigation.

Mais, je l'avais nettoyé en ne gardant que le strict nécessaire ...

Il faudrait donc vérifier que le boggue se reproduit sans autre élément (Javascript) que l'API.

[Unusual]

Change ton chargement de KML :

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
var pp_gpstm=map.addLayer(
        "KML",
        "pts pose hélico",
        "kml/pp_gpstm.kml",
        {
          visibility:true,
          transparent:true,
          opacity:1,          
          view:{
          	drop :true,
          	zoomToExtent:true
          },
          extractAttributes:true,
          extractStyles:true,

          onFeatureInsert:function(f){}//default OL: on ne fait rien!
        }

[lalie73]

merci pour votre aide, ça fonctionne maintenant
mais il y a quand meme des fonctionnements parfois obscurs !

[dgrichard]

mais il y a quand meme des fonctionnements parfois obscurs !

Oui, d'autant plus que les lignes mises en rouge par Unusual sont en fait ajoutées par défaut par l'API ...

[lalie73]

Bonjour,

question bête certainement mais j'ai transposé mon code dans une page en version beta 4 et ça ne fonctionne pas, pas d'infobulle à la google, est-ce "normal" ?

[lalie73]

autant pour moi, j'ai trouvé la réponse dans le forum ! avec le type "Anchored", ça fonctionne très bien