OpenStreetMap: Größe der Marker abhängig von Bildschrimbreite setzen

Veröffentlichungsdatum: 22. März 2023
Änderungsdatum: 23. April 2025

icon-src icon-anchor icon-scale OpenStreetMap OSM wImageMapOptions optionen

Über die Javascript-Variable wImageMapOptions können Sie die Darstellung der OpenStreetMap anpassen. 

wImageMapOptions  = {
  icon-src: '',         /*Pfad zu dem Icon*/
  icon-anchor: [0.5,1]  /*Platzierung des Icons*/     
  icon-scale: 2         /*Skalierung des Icons*/
}

Beispiel: Skalierung des Icons abhängig von Bildschirmgröße

if(document.body.offsetWidth > 450){
  wImageMapOptions = {
    iconScale:5 
 }
}

Sie können die Optionen global in der design.js oder seitenabhängig über ein Javascript-Quelltextelement setzen. Beachten Sie, dass die Ausführung des Javascriptes VOR der Initalisierung der Map durchgeführt werden muss.

Option über design.js
desing.js - Setzen wImageMapOptions abhängig von Bildschirmbreite
Option über Javascript-Quelltextelement
Einbinden der imageMapOptions über das Javascript-Quelltext-Element