当前位置: 首页 > 知识库问答 >
问题:

javascript - 百度地图api DrawingManager 鼠标画图工具问题?

宋朝
2023-09-28

百度地图api中有个鼠标画图工具的,客户有个需求就是需要画多个矩形,这些画出来的矩形还需要有删除按钮(也就是右键删除功能)
我引用了百度地图的鼠标工具库,鼠标功能正常,就是这里的删除功能不知道怎么实现,我看百度官方API中没有提到这个功能,也没有这个删除的功能
大佬们能讲下实现的思路吗
image.png

共有1个答案

陶烨赫
2023-09-28

地图上绘制的东西都是覆盖物,覆盖物的删除就使用map.removeOverlay(xx)或者xx.remove()

重点是怎么设计这个删除的动作,比如有一个覆盖物列表,每个覆盖物有一个删除按钮,点击删除,比如在地图上右键点击覆盖物出现菜单,菜单中有删除按钮,或者直接双击删除等等。

覆盖物的鼠标事件参考https://lbsyun.baidu.com/jsdemo.htm#kOverlayAddEvent

绘制完成有各种complete回调函数可以获取收集当前覆盖物https://api.map.baidu.com/library/DrawingManager/1.4/docs/sym...
或者使用map.getOverlays()获取所有的覆盖物,根据某一属性判断是不是绘制的覆盖物?(需要看有没有这种属性)

 类似资料:
  • 本文向大家介绍javascript实现百度地图鼠标滑动事件显示、隐藏,包括了javascript实现百度地图鼠标滑动事件显示、隐藏的使用技巧和注意事项,需要的朋友参考一下 其实现思路是给label设置样式,我们来看下具体做法吧 以上所述就是本文给大家分享的全部内容了,希望能够对大家学习javascript有所帮助。

  • 可以按照地图坐标,地址,城市,IP定位进行显示。直接拖拽保存地址坐标。 显示效果如下: 使用说明: 1、 在head引用bdMap.js 2、 设置DIV容器 3、 JS执行ShowMap("map",{city:'郑州',addr:'经路鑫路',title:'吊儿',lawfirm:'公司',tel:'136238',pic:'http://www.shalisoft.com/images/10

  • Echarts地图想实现鼠标移入,显示数据,但是给series中Data赋值,data全空的 value值是NaN 希望大佬们帮帮忙,实在不知道什么原因,统计图写法 就可以 initMap function initMap(dataObj) { }

  • 百度地图加载的时候 默认是第二张地球的 ,我缩放最小层级也是第二张图, 但是鼠标是可以滚动层级到第一张图的样式的, 如何设置初始化的是时候记载称第一张图呢 初始化的时候 地球默认层级是鼠标滚动的的最小层级样式

  • 40分钟,深挖八股文,每个都是问到不会为止。 十五分钟写两道算法,第二道没调通。 反问环节,面试官坦言编程能力不符合预期,过年一段时间没学,八股也有没答出来的,确实可惜。 面试前二十分钟,知道自己等了近一个月的京东,转了推荐,心态炸裂。整个面试过程也没有什么朝气,想起来自己辛苦了大半年,最后颗粒无收,没人理解,着实小丑,实力不够,运气更是差的厉害。

  • !include MUI.nsh OutFile SetCursorMUI.exe # Pages... !define MUI_COMPONENTSPAGE_NODESC !insertmacro MUI_PAGE_WELCOME !insertmacro MUI_PAGE_COMPONENTS !insertmacro MUI_PAGE_INSTFILES !insertmacro MUI