openlayers矢量圆形获取圆心和半径

最新推荐文章于 2024-07-12 13:17:33 发布

Museions

最新推荐文章于 2024-07-12 13:17:33 发布

阅读量5.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： # 地图类文章标签： openlayers 地图

本文解决了你的问题吗？转载注明链接,帮助更多人。

本文链接：https://blog.youkuaiyun.com/museions/article/details/78426041

地图类专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何通过OpenLayers库实现地图上绘制圆形，并详细解释了如何在绘制结束后获取圆心坐标及半径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在地图初始化前定义的交互：

var interaction = new ol.interaction.Draw({
            source: this.source,
            type:('Circle'),
 });

需要使用变量保存起来，这里使用 interaction 保存。

获取圆心和半径需要结合交互：如下

interaction.on("drawend", function (event) {
            var centerLogLat,radius;
            var circle = event.feature.getGeometry();
            centerLogLat = circle.getCenter()
            radius = circle.getRadius();
            console.log("圆心坐标:"+centerLogLat+";半径:"+radius+"m")
})

输出的结果正是圆心坐标和半径！