Discussion :

[cmail]

Dans l'exemple http://atlasnw.free.fr/geoportail/ap...alMap_kml.html
comment pourrait-on afficher les intitulés des labels sur un fond coloré avec la notion css de "background-color"?

[cmail]

Sauf erreur de ma part (ce qui ne m'étonnerait pas)

backgroundColor: "....",

dans la définition de OpenLayers.Style ne donne rien...

En reprenant un propos de Unusual, pour remplacer ce backgroundColor, j'ai misé sur

backgroundGraphic:"./image/FondLabel.png",
backgroundHeight : 10,
backgroundWidth : (f.attributes.name.length*8),

Mais j'ai perdu ma mise

Et pourtant ce serait bien plus chouette d'avoir un label avec un fond....

[dgrichard]

Pour les textes, il ne faut pas penser CSS car c'est le moteur de rendu qui fait le travail de mise en page multi-butineurs.

Les seules propriétés en OpenLayers Layers 2.8 dans les styles OpenLayers supportés pour les écritures sont :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 * label - {String} The text for an optional label. For browsers that use the canvas renderer, this requires either
 *     fillText or mozDrawText to be available.
 * labelAlign - {String} Label alignment. This specifies the insertion point relative to the text. It is a string
 *     composed of two characters. The first character is for the horizontal alignment, the second for the vertical
 *     alignment. Valid values for horizontal alignment: "l"=left, "c"=center, "r"=right. Valid values for vertical
 *     alignment: "t"=top, "m"=middle, "b"=bottom. Example values: "lt", "cm", "rb". The canvas renderer does not
 *     support vertical alignment, it will always use "b".
 * fontColor - {String} The font color for the label, to be provided like CSS.
 * fontFamily - {String} The font family for the label, to be provided like in CSS.
 * fontSize - {String} The font size for the label, to be provided like in CSS.
 * fontWeight - {String} The font weight for the label, to be provided like in CSS.

J'ai rajouté (patch pour OpenLayers 2.9) :

Code :

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

1
2
3
* labelXOffset - {Number} Pixel offset along the positive x axis for displacing the label.
* labelYOffset - {Number} Pixel offset along the positive y axis for displacing the label.

et vais aussi rajouter pour la prochaine itération de la 1.0bêta5 :

Code :

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

1
2
* labelSelect - {Boolean} If set to true, labels will be selectable using SelectFeature or similar controls.

Il existe un ticket qui propose cette fonctionnalité, mais il n'est pas encore pris en compte par les mainteneurs ... le nom des styles définitifs sur les objets n'est donc pas effectué , pas plus que le portage Canvas ...

[cmail]

Didier, j'ai bien intégré tes réponses (backgroundcolor et saut de paragraphe)...

Mais que penses-tu de l'idée de Unusual? Que j'ai du mal à mettre en oeuvre...

[dgrichard]

Mais que penses-tu de l'idée de Unusual? Que j'ai du mal à mettre en oeuvre...

Quelle idée ? Peux-tu pointer dessus ?

[cmail]

Au début de cette discussion, je disais:

Code :

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

1
2
3
4
En reprenant un propos de Unusual, pour remplacer ce backgroundColor, j'ai misé sur      Citation:
                                                 backgroundGraphic:"./image/FondLabel.png",
            backgroundHeight  : 10,
            backgroundWidth   : (f.attributes.name.length*8),

Cela faisait suite aux propos d'Unusual http://www.developpez.net/forums/m4816521-7/ dans le code de la function loadKML

[dgrichard]

Au début de cette discussion, je disais:

Code :

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

1
2
3
4
En reprenant un propos de Unusual, pour remplacer ce backgroundColor, j'ai misé sur      Citation:
                                                 backgroundGraphic:"./image/FondLabel.png",
            backgroundHeight  : 10,
            backgroundWidth   : (f.attributes.name.length*8),

Cela faisait suite aux propos d'Unusual http://www.developpez.net/forums/m4816521-7/ dans le code de la function loadKML

Ok, et ma réponse était « il existe un ticket qui propose cette fonctionnalité » ...
Je l'ai intégré dans la prochaine version

[cmail]

Il n'y a plus qu'à attendre la prochaine version de la beta5...
Et pourquoi ne pas y ajouter "bordercolor"????

[dgrichard]

Le ticket propose :

* labelBackgroundColor
* labelBorderColor
* labelBorderSize
* labelPadding

[cmail]

Super! Si j'imagine bien ce que tu me laisses entendre... Donc pour la prochaine mise à jour à la fin du mois?

[dgrichard]

Super! Si j'imagine bien ce que tu me laisses entendre... Donc pour la prochaine mise à jour à la fin du mois?

Non, dès que possible ...

[cmail]

Après avoir renvoyé les curieux sur http://atlasnw.free.fr/geoportail/ap...ltiLayers.html
je considère que mon problème est résolu