leaflet 绘制半圆扇形 饼图

插件Leaflet-semicircle
示例demo http://jieter.github.io/Leaflet-semicircle/examples/semicircle.html

1.半圆扇形

/**
* []  坐标
* radius 半径
* startAngle  开始角度
* endAngle  结束角度
* fill 填充
* fillColor  填充色
* fillOpacity  填充透明度
*/
L.semiCircle([51.5, -0.09], {
    radius: 500,
	startAngle: 45,
	stopAngle: 135,
	fill: true,
    fillColor:'#f03',
    fillOpacity: 0.5,
    color: '#f03',
    opacity: 0.5,
}).addTo(map);

2.饼图

2.1 单个数字

L.pie([50.66, -0.0], 45).addTo(map);

2.2 数组

L.pie(
    [50.70, 0],
    [10, 20, 30, 40, 50, 70]
).addTo(map);

2.3 对象数组

L.pie([50.68, 0.05], [
    {num: 45, label: 'Bob'},
    {num: 60, label: 'Tom'},
    {num: 45, label: 'Ada'}
]).addTo(map);

设置

L.pie([50.66, 0.05], 15, {
    pathOptions: {
        opacity: 0.9,
        fillOpacity: 0.9
    },
    colors: ['#fff', '#afb', '#fba']
}).addTo(map);