高德地图AMap.MouseTool插件多次测距不能清除bug

news/2024/12/30 1:33:10/

AMap.MouseTool插件是一个很有用的插件,可以在地图上画折线测量距离,也可以在地图上画区域测量面积,这些在客户的一些高级需求里经常出现,最近使用出现了bug,此bug在官网的示例里也能重现

官网demo上重现步骤如下图, 

1.点击左侧菜单,打开插件示例;

2.点击测量距离radio;3.在地图上点击测量出一个折线距离

4.切换到面积测量radio;5.在地图上点击,选中一片区域

6.切换回测量距离;7.在地图上再点击测量出一个折线距离

8.点击下面的关闭按钮,此时会调用插件的清除方法,但是地图上第一次画的折线没有删除

鼠标工具-距离面积测量-工具类-示例中心-JS API 示例 | 高德地图API

----------------------------------------------

解决思路:

1.F12探针查看元素,发现是多了overlay和几个marker,然后就想把多出来的overlay和marker存入缓存然后hide(),结果定位的marker莫名其妙取不出来,只隐藏了marker对应的content文字部分

2.发现测量距离的最后一个点上的content内容后面有个叉号,点击叉号就可以关闭,叉号图标有个特别的class="delimg",只要主动触发就可以关闭了,于是开始操作:

var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
const notDeleteLineCount = document.getElementsByClassName("delimg").length;
for (var i = 0; i < notDeleteLineCount; i++) {document.getElementsByClassName("delimg")[0]?.dispatchEvent(e);}

完美解决


http://www.ppmy.cn/news/82383.html

相关文章

ansible——利用主机模式选择主机

一&#xff1a;主机模式&#xff1a;对目标主机的一种选择方式 1.以student用户身份并使用student作为密码登录workstations ssh studentworkstation 2.创建projects-host项目文件&#xff0c;并下载ansible配置文件 lab projects-host start 3.在 workstation上更改到/home…

C# 调用Matlab打包的 DLL文件(傻瓜式操作)

1、准备Matlab代码 2. 打包 在matlab命令行窗口输入deploytool,打开MATLAB Complier,选择Library Compiler 在TYPE中选择.NET Assembly;在EXPORTED FUNCTIONS中选择要打包的文件&#xff1b;可以选择为自己打包的文件自定义NameSpace名称&#xff0c;本例中将NameSpace定义为…

【SCI征稿】CCF推荐|Springer旗下2区无线网络类SCI, 2个月左右录用~

一、【期刊简介】 JCR2区无线网络类SCI 【期刊概况】IF: 2.0-3.0&#xff0c;JCR2/3区&#xff0c;中科院4区&#xff1b; 【终审周期】走期刊系统&#xff0c;3个月左右录用; 【检索情况】SCI&EI双检&#xff1b; 【数据库收录年份】1967年&#xff1b; 【自引率】11…

基于ESP32 CAM的人脸识别考勤系统

概述:使用 ESP32 CAM 的人脸识别考勤系统 本教程介绍了使用ESP32 CAM 模组的人脸识别考勤系统。我们将为此应用程序使用OpenCV和Visual Studio 。OpenCV 是一个开源的图像处理库,不仅在工业界而且在研发领域都得到了非常广泛的应用。Visual Studio 是Microsoft为不同类型的软…

SSD202 Linux开发日志记录

一、挂载U盘 SDK默认自动加载USB存储模块&#xff0c;但没有自动挂载&#xff0c;插上U盘后识别sda mount /dev/sda /mnt/即可在/mnt查看U盘文件 二、make & make menuconfig提示失败 打开新终端后输入 declare -x ARCH"arm" declare -x CROSS_COMPILE"…

NVIDIA_Tesla_V100_PCIe_32GB加速卡详细参数

记录了NVIDIA_Tesla_V100_PCIe_32GB加速卡的详细参数 参考链接: https://www.xincanshu.com/gpu/NVIDIA_Tesla_V100_PCIe_32_GB/canshu.html 主要参数 参数值描述核心频率1230 MHz核心 一秒内能够进行多少处理周期Turbo频率1380 MHz突发加速频率&#xff0c;类似于CPU睿频流处…

Prometheus如何优化远程读写的性能

Prometheus如何优化远程读写的性能 场景 为了解决prometheus本地存储带来的单点问题&#xff0c;我们一般在高可用监控架构中会使用远程存储&#xff0c;并通过配置prometheus的remote_write和remote_read来对接 远程写优化&#xff1a;remote_write 用户可以在Prometheus配…

数据仓库理论

数据仓库理论 基础理论数据仓库主要特征面相主题集成性非易失性、非易变性时变性 OLTP、OLAPOLTPOLAP对比 数据库与数据仓库的区别数据仓库、数据集市数据仓库分层架构分层思想和标准阿里巴巴数仓三层架构ODS层DW层DA层&#xff08;ADS层&#xff09; 分层的好处好处 ETL和ELT的…