Drawing a half-circle on a map?

I want to draw a half circle. It should be simple. What am I missing?

Here’s a simple circle drawn with Leaflet on a Mapbox map:

L.circle((lat, lon), {
color: ‘#9fb391’,
weight: 0.8,
fillColor: ‘grey’,
radius: 50
}).addTo(map);

Much like circle, I should be able to draw an arc on the canvas overlay.

L.arc((lat, lon), {
color: ‘#9fb391’,
weight: 0.8,
fillColor: ‘grey’,
radius: 50,
startAngle: 0,
endAngle: Math.Pi*2,
}).addTo(map);

So, is this implemented in Leaflet? If so, what are the names used for ‘startAngle’ and ‘endAngle’ in that implementation?

If it’s not, where would I find ‘source code’ for the Leaflet implementation of L.circle, L.polyline, and more. With that, I can implement the function myself and minimize code complexity in my mapping code.

Indeed! It is a very nice plugin! Hurray!

And this is what I was able to do with it. Upper half of a circle represents the time it took for my letter to arrive at that destination. If there is a lower half, that person sent a letter back to me and the color represents how long it took.

This is still a work-in-progress, and I consider this a data sketch and not a finished viz.

You can still sign up to participate in this project. How it works: 1. You sign up, 2. I mail a sticker to you, 3. You tell me when it arrives.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store