Leaflet Arc Marker

Enables Marker Arcs icons in Leaflet. Inspired by the previous Semicircle extension (https://github.com/jieter/Leaflet-semicircle) This version adapts the component providing the structures for TypeScript, making it easier/smoother to import to an Angular project. Tested with leaflet 1.8

![npm version]

npm install leaflet-marker-arc

Usage

L.arcMarker([-23.3456789, -43.4567890], {
            radius: 50,
            fill: true,
            fillColor:'#334455',
            fillOpacity: 0.5,
            color: '#334455',
            opacity: 0.5,
            startAngle: 30,
            stopAngle: 90
}).addTo(map);

var marker = new L.ArcMarker([-23.3456789, -43.4567890], {
            radius: 50,
            fill: true,
            fillColor:'#334455',
            fillOpacity: 0.5,
            color: '#334455',
            opacity: 0.5,
            startAngle: 30,
            stopAngle: 90
}).addTo(map);

API

Extends the L.CircleMarker class adding two options:

| Option | Type | Default | Description | | -------------------- | -------- | ----------------- | --------------------------------------------------------------------------------------------------------------------------- | | startAngle | Number | 0 | Arc Start angle, in degrees, clockwise. | | stopAngle | Number | 359.9999 | Arc Stop angle, in degrees, clockwise. |

and the following methods:

| Method | Returns | Description | | ---------------------------------- | ------- | ------------------------------- | | setStartAngle(newAngle) | this | Sets the Arc start angle value. | | setStopAngle(newAngle) | this | Sets the Arc stop angle value. | | setDirection(direction,degrees) | this | Sets the direction according a given direction and an angle value. | | getDirection() | number | Gets the direction. | | isSemicircle() | boolean | Checks if is a Arc |