高德地图多边形覆盖物添加、获取、删除
最近在做有关地图的项目 汇总一下 方便以后使用 不喜勿喷
上图是覆盖物绘制完成之后的编辑状态
引入高德地图js
1、覆盖物绘制
map.plugin(["AMap.MouseTool"], function() {var mouseTool = new AMap.MouseTool(map);drawTool.polygon({strokeColor: "#35fffd", strokeOpacity: 1,strokeWeight: 1,fillColor: '#35fffd',fillOpacity: 0.15,// 线样式还支持 'dashed'strokeStyle: "solid",// strokeStyle是dashed时有效// strokeDasharray: [30,10],}) })
覆盖物参考手册
2、覆盖物编辑
polyEditor.open(); //覆盖物编辑
polyEditor.close(); //覆盖物完成编辑 close里面有可以传一个布尔值 默认false 为true则完成编辑并清空覆盖物
3、获取覆盖物
map.getAllOverlays('polygon'); //获取覆盖物 为空 获取所有覆盖物 原型 坐标点 多边形等 polygon 获取多边形覆盖物
4、删除覆盖物
map.remove(Overlays);//可删除某一个
map.clear(); //清空覆盖物
5、已有经纬度坐标点绘制覆盖物
var arrow = [[116.39713, 39.908895],[116.39713, 39.908553],[116.39793, 39.908582],[116.397908, 39.908907]];
polygon = new AMap.Polygon({map: this.map,strokeColor: "#d4625f", strokeOpacity: 1,strokeWeight: 1,fillColor: '#d4625f',fillOpacity: 0.15,strokeStyle: "solid",path: arr, });
转载于:https://www.cnblogs.com/ruir/p/10019814.html
高德地图多边形覆盖物添加、获取、删除相关推荐
- android 高德地图 删除多边形,高德地图多边形覆盖物添加、获取、删除
最近在做有关地图的项目 汇总一下 方便以后使用 上图是覆盖物绘制完成之后的编辑状态 引入高德地图js P.s. plugin后跟的是地图插件 1.覆盖物绘制 map.plugin(["AMa ...
- 高德地图多边形覆盖物等间距缩小或者放大算法
需求: 高德地图多边形覆盖物等间距缩小,效果如下 原理可参考:https://blog.csdn.net/weixin_38169413/article/details/101161891 实现 第一 ...
- JS如何在高德地图多边形覆盖物填充平行折线的算法
需求:在多边形覆盖物中填充折线 实现 第一步: 用JS封装一个对象或者采用ES6的Class写法,并将地图经纬度转成坐标点 class ScanFill {allPoints = [] // 存多边形 ...
- vue-aMap高德地图的应用(添加覆盖物点坐标、自定义图标、添加信息窗体信息等)
vue-aMap高德地图的应用(添加覆盖物点坐标.自定义图标.添加信息窗体信息等) 最近在项目开发中用到了aMap高德地图,简单记录一下,话不多说,直接上代码. 官方文档参考:高德地图aMap官方文档 ...
- java aoi 服务器地图_GitHub - WanZixin/getShp: 利用高德地图web服务API获取坐标串,生成行政区和aoi的shp文件...
爬取数据生成shp文件 1.功能简介 共有两大功能,一个功能是根据高德地图web服务API获取行政区划坐标串,写入行政区shp文件:另一个功能是根据高德地图的接口获取poi坐标串,写入aoi(area ...
- java使用高德地图根据IP地址获取城市
话不多说!直奔主题 既然是根据IP,首先肯定是先要获取IP地址的,以下代码是获取IP地址,部署到服务器上去后会获取到公网的IP不是服务器的本机IP:是通过HttpServletRequest获取 注: ...
- 高德地图怎么根据定位点获取附近的唯一道路名称?
今天公众号后台有小伙伴问题一个问题,刚好另一篇推文还没这么快,那就先插个队吧. 问题如题所示:高德地图怎么根据定位点获取附近的唯一道路名称? 这个小伙伴应该是看了强哥之前的写过的<高德地图根据输 ...
- js添加多marker 高德地图_覆盖物-参考手册-地图 JS API | 高德地图API
覆盖物 覆盖物是指叠加在地图底图之上的一些常见要素,包括 Marker类 点标记. 构造函数 说明 AMap.Marker( 构造一个点标记对象,通过MarkerOptions设置点标记对象的属性 M ...
- vue 高德地图搜索功能_VUE中使用高德地图做轨迹添加功能,帮助轨迹展示
准备工作 使用前准备 : 高德地图key 使用插件: vue-amap 1.npm安装vue-amap npm install vue-amap --save import AMap from 'vu ...
最新文章
- golang源码分析:defer流程分析
- Linq查询语法(2)
- 黄聪:PHP网站流量统计开源程序大全
- 谷歌开源MobileNets:在移动设备上高效运行的计算机视觉模型
- emwin读取sd图片_手机内存不够用?这样清理垃圾文件和巧用SD卡扩容硬件存储空间...
- 阿里代码规范pdf_看完阿里的代码规范,立马学会代码分层,再也不会被同事怼...
- 【集群仿真】基于matlab固定翼无人机集群仿真演示平台【含Matlab源码 1497期】
- SPSS22 高级市场分析 统计分析【原创】
- 不需要PM3/PN532也可以搞定加密卡!利用小米9、小米手环NFC模拟加密门禁卡的傻瓜式保姆级教程
- 16天记住7000考研单词
- freeswitch拨打分机号
- ios 自带录屏框架replayKit的使用
- Qt音视频开发06-海康sdk内核linux客户端
- matlab曲线拟合工具箱cftool
- 计算机教师职业幸福感,教师的职业幸福感作文
- 百度地图 地址查询经纬度 插件vue-baidu-map
- 微信小程序中使用async/await
- gearhost.com申请免费空间及绑定域名
- gitlab客户端安装及使用
- 英语口语七十二之[走访亲友]
热门文章
- DeepMind用神经网络求解MIP后,攻破运筹学只是时间问题?你想多了
- 美国运通使用AI技术检测欺诈行为 增强安全性
- 关于《重启人工智能》11条建议的思考
- 中科院院士丁汉:数字化制造、机器人、人工智能是智能制造 “三驾马车”
- 卷积神经网络为什么能称霸计算机视觉领域?
- 研究报告:城市大脑的起源、现状与未来趋势
- 揭秘高盛区块链报告:区块链技术在五大领域从理论走向实践 | 附报告下载
- 2017年中国人工智能产业最全研究报告发布 | AI世界2018年八大趋势
- 安卓程序员永远不懂iOS程序员的痛? | 每日趣闻
- java反射中,Class.forName和classloader的区别