高德地图绘制折线怎么自动闭合

薯条i 2019-04-18 08:52:17

大神们，高德地图绘制折线的时候距离第一个点还有几十米的距离的时候怎么自动闭合

...全文

457 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Free2140 2021-04-29

打赏
举报

回复

把第1个点的坐标追加到最后一个点上

本文介绍如何利用高德地图API实现地图上的自由画线及闭合区域绘制功能，通过监听鼠标事件，记录并连接各点，最终生成矢量区域实例。

该博客是基于React的高德地图api教程，主要介绍面积测量功能。通过鼠标点击地图开始绘制，右键结束测量，点击地图依次添加点，鼠标移动显示预览区域，结束测量后闭合区域并显示面积，还提供了代码版本下载链接。

本文详细介绍了基于 Vue 3 与高德地图 SDK 构建网格规划系统的全过程，涵盖地图初始化、交互式多边形绘制、网格数据渲染与双向联动、事件冲突处理、双击行为优化、图层管理及防抖等关键技术。系统支持区域绘制生成网格、CRUD 操作及可视化管理，适用于智慧城市、物流分区等 GIS 场景。

本文面向零基础开发者，详解WebGIS中点、线、面等矢量图形的前端绘制方法，涵盖折线（Polyline）、多边形（Polygon）、圆形（Circle）和矩形（Rectangle）的实现原理与高德地图API调用方式，并介绍折线编辑功能以支持用户交互式调整。内容聚焦于地理空间数据的可视化表达，是GIS前端开发的核心基础。

本文详解高德地图SDK对GeoJSON格式的支持机制，涵盖GeoJSON结构原理、点/线/面及多几何类型（MultiPoint/MultiLineString/MultiPolygon）的解析与渲染方法；重点介绍基于properties属性的数据驱动样式定制、坐标顺序校验、多边形闭合规范等关键实践要点；同时提供大数据量下的性能优化方案，包括坐标简化、LOD分级加载、Marker聚合显示及内存管理避坑指南。

87,988

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章