Discussion :

[Zebulon777]

Bonjour à tous,

Pour affiche les couches, j'utilise le code suivant :

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
...
layers:['ORTHOIMAGERY.ORTHOPHOTOS','GEOGRAPHICALGRIDSYSTEMS.PLANIGN'],
layersOptions :
{
   'ORTHOIMAGERY.ORTHOPHOTOS':{visibility:false, opacity:0.7},
   'GEOGRAPHICALGRIDSYSTEMS.PLANIGN':{visibility:true, opacity:G_TRANS_PLANIGN},
}, 
type:'js', 
overlays:{}, // Sert à ne pas afficher la punaise au milieu de la carte.
theme:
{
	name:'legacy',
	styles:[{css:'http://api.ign.fr/geoportail/api/js/latest/theme/legacy/style.css'}]
},
viewerClass:Geoportal.Viewer.Default, 
onView:initMap, 
proxyUrl:'./proxy/proxy.php?url='
...

Ca fonctionne impec, mais nous venons de nous rendre compte qu'un "?" apparaissait au survol de la souris et lorsqu'on clique sur la couche (mais pas dans la case à cocher), on obtient ceci :


Comment faire pour l'empêcher, siouplé ?

Merci d'avance.

[jrenard]

Bonjour,

L'élément HTML de ce type de fenêtre est de class "gpControlFloating" et a un id de la forme "_mtdpopup_Geoportal.Layer.WMTS_74", où WMTS_74 désigne la couche concernée. Il suffit donc de pointer dans le CSS tous les éléments HTML de class "gpControlFloating" dont l'id contient "mtdpopup_Geoportal" est de forcer leur non affichage :

Code CSS :

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

1
2
3
.gpControlFloating[id*="mtdpopup_Geoportal"] {
  display: none;
}

On peut même aller plus loin en désactivant ce curseur avec point d'interrogation qui apparait sur les éléments de class "gpLayerSpanClass" :

Code CSS :

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

1
2
3
.gpLayerSpanClass {
  cursor: default;
}

[Zebulon777]

Merci de ta réponse.

J'ai ajouté ça dans le CSS

Code :

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

1
2
3
4
5
6
7
/* Désactiver l'affichage du point d'interrogation au survol du nom des couches */
.gpControlFloating[id*="mtdpopup_Geoportal"] {
  display: none;
}
.gpLayerSpanClass {
  cursor: default;
}

Ca fonctionne presque, la fenêtre ne s'affiche plus, mais j'ai toujours le "?" qui s'affiche au survol de couche ?

[jrenard]

La définition du cruseur en CSS est surchargée par une autre définition directement en Javascript (cursor: help).

Pour passer par dessus ce CSS défini en JS, il faut marquer la propriété CSS comme !important :

Code CSS :

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

1
2
3
.gpLayerSpanClass {
  cursor: default !important;
}

[Zebulon777]

Impeccable.
Un grand merci.