x

Hintergrund für Mouseover

Geschrieben von WayneSchlegel (Gast) am 20. Januar 2012 01:01:29: [flux]

Hallo,

ich erstelle für meine Marker ein Mouseover:

styleMap:␣new␣OpenLayers.StyleMap
(
{
'default':
{
externalGraphic:␣'${icon}.png',
graphicWidth:␣26,
graphicHeight:␣26
},

'select':
{
externalGraphic:␣'${icon}.png',
graphicWidth:␣26,
graphicHeight:␣26,
label:␣'${ziel}',
labelYOffset:␣-30,
labelAlign:␣'cb',
fontFamily:␣'Arial',
fontSize:␣15,
cursor:␣'pointer'
}
}
)

Nun wird mir der Layer bei jedem Mouseover angezeigt. > Nur ist der Layer noch transparent.

Füge ich nun ein Hintergrundbild ein, wird dieses ja in der Breite fest vorgegeben.

'select':
{
externalGraphic:␣'${icon}.png',
graphicWidth:␣26,
graphicHeight:␣26,
backgroundGraphic:␣'hintergrund.png',
backgroundHeight:␣20,
backgroundWidth:␣'100',
backgroundYOffset:␣15,
label:␣'${ziel}',
labelYOffset:␣-30,
labelAlign:␣'cb',
fontFamily:␣'Arial',
fontSize:␣15,
cursor:␣'pointer'
}

Gibts irgendwie ne Möglichkeit, die "backgroundWidth:" dynamisch so abzuändern, das sie immer so breit wie der Text (label) ist?
Bei 100% ist leider nicht der Text zu 100% hinterlegt, sondern die komplette Kartenbreite. 😬
Es muß natürlich nicht unbedingt ein Hintergrundbild sein. Ich wäre auch mit bloßem einfärben des Textfeldes zufrieden. 😉 😉 😉

Beste Grüße
Wayne

Antworten: