Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considèrerons que vous acceptez l'utilisation des cookies. J'ai compris ! ou En savoir plus !.
banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

Rencontres QGIS 2025

L'appel à participation est ouvert jusqu'au 19 janvier 2025!

#1 Wed 24 June 2009 10:15

Maxime31
Participant assidu
Date d'inscription: 3 Sep 2008
Messages: 175

[OpenLayers] Gérer deux panels dans OL

Bonjour à tous,

J'aimerais savoir comment gérer deux panels différents dans une interface OL notamment gérer leur position et leur disposition.

Donc j'ai crée deux panels pour me faire deux barres d'outils personnalisée mais en fait dans le CSS, je ne sais pas comment différencier les deux pour les placer différemment (cad que pour le moment les deux panels sont l'un sur l'autre).

Voila ce que j'ai en CSS :

Code:

    .olControlPanel { 
        right: 0px;
        height: 30px; 
        width: 50px;
    }

Mais ce code s'applique à tous les panels crées dans le Javascript.
J'ai donc deux variables panel1 et panel2 et j'ai essayé de mettre .olControlPanel .panel1 pour paramétrer uniquement le panel1 mais sans succès, et de toute façon je ne crois pas qu'on puisse donner de nom à un panel.

Donc comment faire ?

Merci

Hors ligne

 

#2 Wed 24 June 2009 10:33

Yves
Membre du bureau
Lieu: Aix-les-Bains
Date d'inscription: 22 Mar 2006
Messages: 9869
Site web

Re: [OpenLayers] Gérer deux panels dans OL

Bonjour,

Les deux panels doivent avoir un identifiant différent pour leur appliqué une position différente. Par exemple si panel1 est cet identifiant, le code js sera le suivant :

Code:

#panel1 { 
        right: 0px;
        height: 30px; 
        width: 50px;
    }

Pour trouver l'identifiant du panel, tu peux te servir de firebug.

Y.


Yves Jacolin, bénévole de l'association GeoRezo.net, agit au nom et pour le compte de l'association - Partageons ce qui nous départage !!  - GeoRezo vous aide ? Aidez GeoRezo !

Hors ligne

 

#3 Wed 24 June 2009 10:41

Maxime31
Participant assidu
Date d'inscription: 3 Sep 2008
Messages: 175

Re: [OpenLayers] Gérer deux panels dans OL

Ok,

J'ai donc trouvé l'id du panel1 qui est en fait OpenLayers.Control.Panel_69 mais si je mets :

Code:

#OpenLayers.Control.Panel_69 { 
        right: 100px;
        height: 30px; 
        width: 50px;
    }

rien ne change.


Est-ce normal ?

Hors ligne

 

#4 Thu 25 June 2009 15:49

Maxime31
Participant assidu
Date d'inscription: 3 Sep 2008
Messages: 175

Re: [OpenLayers] Gérer deux panels dans OL

Alors je suis enfin arrivé à gérer mes panels à force de tester.

Finalement, j'ai mis chacun de mes panel dans une div à l'extérieur de la carte donc :

Code:

var panel = new OpenLayers.Control.Panel({div: document.getElementById("panel")});

Et ensuite, y'a plus qu'à paramétrer dans le CSS :

Code:

    #panel {
        position:absolute;
        left: 500px;
        width:  24px;
        height: 22px;
    }

Voilà, bon j'avais déjà testé d'utiliser cette méthode (assez évidente en fait) avant de demander l'aide du forum mais j'avais eu des soucis. Et puis à force de tester, c'est passé.

Hors ligne

 

Pied de page des forums

Powered by FluxBB