OpenStreetMap: Initialisieren der Map per Javascript beeinflussen

22. März 2023

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

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


wObserverOptions = {
  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

Option über Javascript-Quelltextelement

Option über design.js

Option über Javascript-Quelltextelement