0.1.0 • Published 4 years ago

leaflet-fa-markers v0.1.0

Weekly downloads
151
License
Apache-2.0
Repository
github
Last release
4 years ago

leaflet-fa-markers NPM version NPM Downloads

Very simple vector markers with FontAwesome icons, compatible with Leaflet v1.

Screenshot

Use:

var blueMarker = L.marker([lat, lon], {
  icon: L.icon.fontAwesome({
    iconClasses: "fa fa-info-circle", // you _could_ add other icon classes, not tested.
    // marker/background style
    markerColor: "#00a9ce",
    markerFillOpacity: 0.2,
    markerStrokeWidth: 1,
    markerStrokeColor: "grey",
    // icon style
    iconColor: "#FFF"
  })
}).addTo(map);

var spinningMarker = L.marker([lat, lon], {
  icon: L.icon.fontAwesome({
    iconClasses: "fa fa-circle-o-notch fa-spin",
    markerColor: "#ff89b5",
    iconColor: "#FFF",
    // use XY offsets to nudge positioning of icons, negative accepted
    iconXOffset: -2,
    iconYOffset: 0
  })
}).addTo(map);

// update existing
blueMarker.options.icon.setStyle({ markerColor: "#F00" });

Public methods

methodparamsdescription
setStyle{Object}update the icon with new style config