Discussion :

[titam64]

Bonjour,
j'ai un panel dans lequel je met des boutons de controle pour créer une barre d'outil. Et je souhaite commander le layerSwitcher par un bouton contenu dans ce panel.
Je clique : le switcher apparait SOUS le bouton, je reclique : le switcher disparait.

Je n'ai pas trouvé comment faire. J'ai juste trouvé comment personnaliser le layerSwitcher, mais rien d'autre !

Est-ce possible ?

Merci d'avance pour vos lumières.

[jrenard]

Bonjour,

La création d'un bouton de type on/off sous OpenLayers 2 passe par le code suivant, le bouton étant ensuite à insérer dans un panel :

Code javascript :

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

1
2
3
4
5
6
7
8
9
var displayLayerSwitcherBtn = new OpenLayers.Control.Button({
	title:"Afficher/masquer le gestionnaire de couches", // Info-bulle au survol
	displayClass:"displayLayerSwitcherBtn", // Nom de classe CSS
	type: OpenLayers.Control.TYPE_TOGGLE,
	eventListeners: {
			"activate": displayLayerSwitcher,
			"deactivate": hideLayerSwitcher
	}
});

POur répondre à votre besoin, il suffit ensuite de créer les deux fonctions appelées à l'activation et à l'activation du bouton, qui vont chercher le composant HTML principal du layerSwitcher et modifier son affichage CSS :

Code javascript :

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

1
2
3
4
5
6
7
function displayLayerSwitcher() {
	document.getElementsByClassName('gpControlLayerSwitcher')[0].style.display = 'block';
}
 
function hideLayerSwitcher() {
	document.getElementsByClassName('gpControlLayerSwitcher')[0].style.display = 'none';
}

Enfin, pour que le layer switcher apparaisse juste sous le bouton, il faut modifier les propriétés CSS de l'élément .gpControlLayerSwitcher.

[titam64]

Bonjour,
merci pour votre réponse rapide.
Je teste aujourd'hui et je reviens vers vous pour le résultat.

Cordialement.

[titam64]

Merci, ca fonctionne.
Nous sommes en train de voir pour mettre le layerSwitcher dans une div flottante pour que l'utilisateur puisse le déplacer, et ce sera parfait.

Cordialement.