Broschüre Zusätzliche Markierungen Größe

Question

Ist es möglich, Leaflet ExtraMarkers (https://github.com/coryasilva/Leaflet.ExtraMarkers) zu verwenden und die Größe des Symbols zu kontrollieren? Ich habe versucht,

var greenMarker = L.ExtraMarkers.icon({ 
        icon: 'fa-number', 
        iconSize: '[38,95]', 
        markerColor: 'green', 
        shape: 'circle', 
        prefix: 'fa', 
        number: "99" 
       }) 

mit und ohne Anführungszeichen auf der iconSize ohne Erfolg.

Answer 1

Leider sind die Symbole von Leaflet.ExtraMarkers Plugin images, so dass Sie ihre Größe nicht durch einfachen Code anpassen können.

Die iconSize Option bezieht sich auf die zugewiesene div Größe auf der Karte (insbesondere für die Positionierung, Mausinteraktion, etc.), aber es ändert nicht das visuelle Erscheinungsbild.

Nun könnte man diese Bilder ändern größere Version zu erhalten (oder sie durch CSS skalieren), aber vergessen Sie nicht, auch die icon options zur Positionierung einzustellen (iconAnchor, popupAnchor, etc.).

Answer 2

Wenn Leaflet.ExtraMarkers nicht genau Ihren Anforderungen entspricht, sollten Sie vielleicht die Verwendung von L.Icon.Glyph in Erwägung ziehen und Ihr eigenes Marker-Image mit der von Ihnen benötigten Größe bereitstellen.

In Leaflet.ExtraMarkers werden Bildsprites für das Hintergrundmarkerbild verwendet. Dies kann die Verwendung von benutzerdefinierten Bildern erschweren.