【问题标题】:How to draw the circle in the mapbox如何在mapbox中画圆
【发布时间】:2018-02-25 07:45:18
【问题描述】:

我搜索了如何使用 Javascript 在地图框中绘制圆圈,但找不到正确的解决方案。

var myCircle = new MapboxCircle({lat: data.lat, lng: data.lng}, data.radius, {
    editable: true,
    minRadius: data.minRadius,
    fillColor: data.color
}).addTo(map);

以上代码由 Mapbox 提供,但只允许在地图上添加固定半径的圆形图层。

但我想要的是通过拖动以动态半径绘制圆。

【问题讨论】:

  • 要动态画圆吗?

标签: javascript mapbox


【解决方案1】:

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

通过传单的文档

可以了解更多信息
L.circle([lat,lng], radius).addTo(map);

更多文档在这里:https://www.mapbox.com/mapbox.js/api/v2.1.9/l-circlemarker/

【讨论】:

  • 感谢您的回答。在 mapbox 中,也有类似的功能,但我想要的是绘制圆圈,而不仅仅是在地图上添加图层。你有什么想法吗?
  • 哇,这就是我想要的。谢谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-22
  • 2023-02-14
  • 2017-06-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多