高德地图
文章平均质量分 53
敲代码的小辣条
这个作者很懒,什么都没留下…
展开
-
高德地图api,利用鼠标工具完成电子围栏-----圆形,矩形,自定义并获取坐标
需求:根据下拉框选择的不同,在地图上绘制不同的图形并获取坐标。注意,这个要在全局中引入amap1,先下载amap2,main.js中全局注册// 地图组件import VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key: 'key要去官网注册!!!!', plugin: [ 'AMap.Autocomplete', // 输入提示插件 'AMap.PlaceSearch', //原创 2021-07-21 14:10:38 · 5210 阅读 · 4 评论 -
电子围栏的添加和回显----圆形,矩形,行政区域及自定义
此处将新增和修改写在了一个el-dialog中。该电子围栏主要的步骤如下:1.不选择围栏类型时,只显示地图2.选择围栏后,(此处以圆形为例)触发鹰眼和比例尺控件3.使用AMap.MouseTool 画圆,获取半径和圆心4.高德地图中AMap.MouseTool只支持画圆,但是不能修改,在这里我处理的方式是,使用AMap.MouseTool获取半径和圆心,清除图形。再使用AMap.CircleEditor构建圆进入编辑状态。5.常规处理数据,将后端所需数据传过去6.回显问题,.原创 2021-08-19 17:58:12 · 4182 阅读 · 12 评论