BLOG

OpenLayers: Styles ändern

Dieser Beitrag bezieht sich auf den OpenLayers Workshop.

Es ist leicht, die Farbe oder Größe der "Kringel" zu ändern (siehe obigen Workshop).

Danach wirds schwierig...

Alternative Grafik (statt Kringel)

OpenLayer-Style öffnen (oder duplizieren) und dort eine Grafik angeben:

Ebenfalls ändern:

  • pointRadius: halbe Breite der Grafik - hier "22"
  • graphicWidth: Breite - hier "44"
  • graphicHeight: Höhe - hier "44"
  • je nach Grafik: graphicX/YOffset - hier "-10" bei YOffset

Ergebnis:

 

Name unterhalb ausgeben

  1. Die Layer-View muss den Namen ermitteln
  2. Der Style kann mit einem Platzhalter darauf zugreifen

1. View ändern

In einer OpenLayers Data Ansicht (zB "Restaurants mit Terasse") können außer dem WKT-Feld andere Werte ermittelt werden, die an unterschiedlichen Stellen in die Map einfließen können. So kann zB. (nicht getestet) auch die Kringelgröße beeinflusst werden.

In unserem Fall muss nur der Node-Titel zugefügt werden.

Ein Klick hier: gibt anschließend unter Attributes and Styling eine Liste an Platzhaltern an, unter denen auch der grad erzeugte ${title} zu finden ist:

Speichern nicht vergessen und

2. OpenLayers-Style ändern

  • label: ${title}
  • labelAlign: Center, middle
  • labelYOffset: -35
  • fontWeight: bold

Ergebnis:

So der totale Hit ist das nicht.

Für einen Tip, wie ich das noch stylen kann, wäre ich dankbar.

 

 

OpenLayers: Styles ändern
OpenLayers: Styles ändern
OpenLayers: Styles ändern
OpenLayers: Styles ändern
OpenLayers: Styles ändern

Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
Mit dem Absenden dieses Formulars, akzeptieren Sie die Datenschutzrichtlinie von Mollom.