最近在做有关地图的项目 汇总一下 方便以后使用 不喜勿喷

上图是覆盖物绘制完成之后的编辑状态

引入高德地图js

<script src="https://webapi.amap.com/maps?v=1.4.10&key=yourkey&plugin=AMap.Autocomplete&plugin=AMap.PolyEditor"></script>
 P.s. plugin后跟的是地图插件

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

高德地图多边形覆盖物添加、获取、删除相关推荐

  1. android 高德地图 删除多边形,高德地图多边形覆盖物添加、获取、删除

    最近在做有关地图的项目 汇总一下 方便以后使用 上图是覆盖物绘制完成之后的编辑状态 引入高德地图js P.s. plugin后跟的是地图插件 1.覆盖物绘制 map.plugin(["AMa ...

  2. 高德地图多边形覆盖物等间距缩小或者放大算法

    需求: 高德地图多边形覆盖物等间距缩小,效果如下 原理可参考:https://blog.csdn.net/weixin_38169413/article/details/101161891 实现 第一 ...

  3. JS如何在高德地图多边形覆盖物填充平行折线的算法

    需求:在多边形覆盖物中填充折线 实现 第一步: 用JS封装一个对象或者采用ES6的Class写法,并将地图经纬度转成坐标点 class ScanFill {allPoints = [] // 存多边形 ...

  4. vue-aMap高德地图的应用(添加覆盖物点坐标、自定义图标、添加信息窗体信息等)

    vue-aMap高德地图的应用(添加覆盖物点坐标.自定义图标.添加信息窗体信息等) 最近在项目开发中用到了aMap高德地图,简单记录一下,话不多说,直接上代码. 官方文档参考:高德地图aMap官方文档 ...

  5. java aoi 服务器地图_GitHub - WanZixin/getShp: 利用高德地图web服务API获取坐标串,生成行政区和aoi的shp文件...

    爬取数据生成shp文件 1.功能简介 共有两大功能,一个功能是根据高德地图web服务API获取行政区划坐标串,写入行政区shp文件:另一个功能是根据高德地图的接口获取poi坐标串,写入aoi(area ...

  6. java使用高德地图根据IP地址获取城市

    话不多说!直奔主题 既然是根据IP,首先肯定是先要获取IP地址的,以下代码是获取IP地址,部署到服务器上去后会获取到公网的IP不是服务器的本机IP:是通过HttpServletRequest获取 注: ...

  7. 高德地图怎么根据定位点获取附近的唯一道路名称?

    今天公众号后台有小伙伴问题一个问题,刚好另一篇推文还没这么快,那就先插个队吧. 问题如题所示:高德地图怎么根据定位点获取附近的唯一道路名称? 这个小伙伴应该是看了强哥之前的写过的<高德地图根据输 ...

  8. js添加多marker 高德地图_覆盖物-参考手册-地图 JS API | 高德地图API

    覆盖物 覆盖物是指叠加在地图底图之上的一些常见要素,包括 Marker类 点标记. 构造函数 说明 AMap.Marker( 构造一个点标记对象,通过MarkerOptions设置点标记对象的属性 M ...

  9. vue 高德地图搜索功能_VUE中使用高德地图做轨迹添加功能,帮助轨迹展示

    准备工作 使用前准备 : 高德地图key 使用插件: vue-amap 1.npm安装vue-amap npm install vue-amap --save import AMap from 'vu ...

最新文章

  1. golang源码分析:defer流程分析
  2. Linq查询语法(2)
  3. 黄聪:PHP网站流量统计开源程序大全
  4. 谷歌开源MobileNets:在移动设备上高效运行的计算机视觉模型
  5. emwin读取sd图片_手机内存不够用?这样清理垃圾文件和巧用SD卡扩容硬件存储空间...
  6. 阿里代码规范pdf_看完阿里的代码规范,立马学会代码分层,再也不会被同事怼...
  7. 【集群仿真】基于matlab固定翼无人机集群仿真演示平台【含Matlab源码 1497期】
  8. SPSS22 高级市场分析 统计分析【原创】
  9. 不需要PM3/PN532也可以搞定加密卡!利用小米9、小米手环NFC模拟加密门禁卡的傻瓜式保姆级教程
  10. 16天记住7000考研单词
  11. freeswitch拨打分机号
  12. ios 自带录屏框架replayKit的使用
  13. Qt音视频开发06-海康sdk内核linux客户端
  14. matlab曲线拟合工具箱cftool
  15. 计算机教师职业幸福感,教师的职业幸福感作文
  16. 百度地图 地址查询经纬度 插件vue-baidu-map
  17. 微信小程序中使用async/await
  18. gearhost.com申请免费空间及绑定域名
  19. gitlab客户端安装及使用
  20. 英语口语七十二之[走访亲友]

热门文章

  1. DeepMind用神经网络求解MIP后,攻破运筹学只是时间问题?你想多了
  2. 美国运通使用AI技术检测欺诈行为 增强安全性
  3. 关于《重启人工智能》11条建议的思考
  4. 中科院院士丁汉:数字化制造、机器人、人工智能是智能制造 “三驾马车”
  5. 卷积神经网络为什么能称霸计算机视觉领域?
  6. 研究报告:城市大脑的起源、现状与未来趋势
  7. 揭秘高盛区块链报告:区块链技术在五大领域从理论走向实践 | 附报告下载
  8. 2017年中国人工智能产业最全研究报告发布 | AI世界2018年八大趋势
  9. 安卓程序员永远不懂iOS程序员的痛? | 每日趣闻
  10. java反射中,Class.forName和classloader的区别