如何在地图框中绘制圆圈

Question

我已经搜索了如何使用Javascript在地图框中绘制圆圈。 但无法找到正确的解决方案。 请帮帮我。

var myCircle = new MapboxCircle({lat: 39.984, lng: -75.343}, 125000, {
    editable: true,
    minRadius: 1500,
    fillColor: '#29AB87'
}).addTo(map);

以上代码由Mapbox提供，但只允许在地图框上添加圆圈。 但我想在地图上动态绘制圆圈。

Answer 1

您可以使用最新版本的Leaflet以米为单位传递这些半径。半径将相对于缩放级别发生变化。

通过 Leaflet的文档

获取更多信息

L.circle([lat,lng], radius).addTo(map);

此处有更多文档：https://www.mapbox.com/mapbox.js/api/v2.1.9/l-circlemarker/