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"?
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"?
Sauf erreur de ma part (ce qui ne m'étonnerait pas)dans la définition de OpenLayers.Style ne donne rien...backgroundColor: "....",
En reprenant un propos de Unusual, pour remplacer ce backgroundColor, j'ai misé surMais j'ai perdu ma misebackgroundGraphic:"./image/FondLabel.png",
backgroundHeight : 10,
backgroundWidth : (f.attributes.name.length*8),
Et pourtant ce serait bien plus chouette d'avoir un label avec un fond....
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 :
J'ai rajouté (patch pour OpenLayers 2.9) :
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.
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
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.
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 ...
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.
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...
Au début de cette discussion, je disais:
Cela faisait suite aux propos d'Unusual http://www.developpez.net/forums/m4816521-7/ dans le code de la function loadKML
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),
Ok, et ma réponse était « il existe un ticket qui propose cette fonctionnalité » ...
Je l'ai intégré dans la prochaine version
Il n'y a plus qu'à attendre la prochaine version de la beta5...
Et pourquoi ne pas y ajouter "bordercolor"????
Le ticket propose :
* labelBackgroundColor
* labelBorderColor
* labelBorderSize
* labelPadding
Super! Si j'imagine bien ce que tu me laisses entendre... Donc pour la prochaine mise à jour à la fin du mois?
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
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager