经纬志
首页 / MapLibre / 使用示例

画圆

点击定圆心,半径可调,圆环按球面公式逐点算出,缩放时形状保持正确。

MapLibre GL JS 4.x · 更新 2026-10-28
源码与运行效果
运行效果

说明

直接按屏幕像素画圆在地理上会变形,尤其在高纬度。示例沿方位角走固定距离得到 64 个边界点,拼成多边形。

半径滑块只重算坐标并 setData,圆心用单独的源画一个小红点。

配置取值说明
球面推算圆心 + 方位角 + 距离得到边界点
64 个采样点圆周越多越圆滑
line-dasharray[3, 2]边界用虚线

大半径时 64 个点会看出折角,可以按半径动态增加采样数;小半径下点太多反而浪费。