Leaflet-arrowcircle NPM

Leaflet.ArrowCircle

Circle with a directional arrow for use with the Leaflet mapping library.

Leaflet 1.6.0+ (it may well work with earlier versions; they have not been tested)
Browser support for SVG

Include L.ArrowCircle.js as appropriate to your environment (HTML or Node).

<script src="L.ArrowCircle.js"></script>

L.marker
  .arrowCircle([40.2, -74.8], {
    iconOptions: { color: "rgb(200, 30, 240)", rotation: 42 },
  })
  .addTo(mymap);

Option	Type	Default	Description
color	String	`#0080ff`	Color of the ArrowCircle
size	Number	36	Total size of viewport square; the circle's center is coincident with the viewport's and the tip of the arrow abuts the end
opacity	Number	1	Opacity of the ArrowCircle
rotation	Number	0	Angle at which the arrow points

4 years ago