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
Option über Javascript-Quelltextelement
Option über design.js
Option über Javascript-Quelltextelement
