百度地图的使用绘制多边形编辑多边形

项目需要手动绘制地图采用了百度

首先引入地图

给地图一个样式使他充满全屏

绘制多边形方法（只绘制多边形无法绘制圆等图形）

开启绘画工具添加监听方法将描绘的点存在form.path里备用

获取后台存的多边形数据并将点整理实例化

通过点进行多边形的渲染并且赋给它此区域设定的其他信息并给多边形添加事件我这里添加的是单击（选中区域）右击（编辑多边形）

当右击时执行 editor方法开启编辑

首先获取地图上的所有覆盖物（我的是当我右击时地图上只有一个覆盖物） .enableEditing()是开启编辑的方法也可以将要编辑的覆盖物通过参数传过来不过要做好标记区分我这里的m就变成了覆盖物的最后一个

updateCirclePath方法是编辑的监听事件

编辑时获取的点是

gcoord.BD09MC

[x,y]

BD-09米制坐标，百度地图采用的米制坐标，单位：米

刚开始我们绘制时获取的坐标是

gcoord.Baidu

[lng,lat]

百度坐标系，BD-09坐标系别名，同BD-09

所以要进行一下坐标转换 bd09mc 转化为bd09ll 我这里用了一个插件 gcoord

npm install gcoord --save

转换完就可以进行修改了

百度地图的使用绘制多边形编辑多边形相关推荐

百度地图之鼠标绘制工具条库（开源库）
百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...
用html制作百度地图,canvas实现百度地图个性化底图绘制
精华 node-canvas实现百度地图个性化底图绘制发布于 3 年前作者 lzxue 11783 次浏览来自技术原文转自 #node-canvas实现百度地图个性化底图绘制随着nodej ...
百度地图实现鼠标绘制多边形并获取所有点坐标
百度地图开放平台http://lbsyun.baidu.com/ 这里使用的是Javascript API http://lbsyun.baidu.com/index.php?title=jspopu ...
vue项目引入百度地图BMapGL鼠标绘制和BMap辅助工具
目录引言 1.引用百度地图 2.在项目中使用百度地图 2-1.页面结构部分 2-2.js逻辑部分 3-1.页面结构部分 Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架.它旨 ...
百度地图之自定义绘制功能
随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) 我们可以在地图上绘制各种自定义的图形,包括点.折线.圆.多边形等等,尤其绘制点和折线非常实用,点可以用来标识所 ...
Java经纬度画轨迹图_利用百度地图JavaScript API绘制运动轨迹
写在前面欢迎访问我的博客如果需要使用百度地图javasript api,需先进行开发者认证,balalalala写上一堆理由之后认证就行,然后创建浏览器端的应用,得到可用的Ak,详情见百度地图开放 ...
vue引入百度地图实现轨迹绘制
引入 cnpm i --save vue-baidu-map main.js import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, {ak: 'U ...
Android_百度地图API_图形“圆形”(正多边形)和多边形是否相交算法
真的很讨厌,数学不是太好,但是几何还好,纵使是这样,该忘了的还是忘了!满意以为随便搜搜都是一大堆,但是我真的想错了! 看结果图: 40条边数,获取每一个点的在实际地理中的坐标(经纬度) 原点(cent ...
百度地图的鼠标绘制工具
 <script type="text/javascript" src="http://api.map.baidu.com ...

百度地图的使用绘制多边形编辑多边形

百度地图的使用绘制多边形编辑多边形相关推荐

最新文章

热门文章

百度地图的使用 绘制多边形 编辑多边形

百度地图的使用 绘制多边形 编辑多边形相关推荐

最新文章

热门文章

百度地图的使用绘制多边形编辑多边形

百度地图的使用绘制多边形编辑多边形相关推荐