博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决高德地图label添加的点击事件在移动端无效
阅读量:6278 次
发布时间:2019-06-22

本文共 784 字,大约阅读时间需要 2 分钟。

解决高德地图label添加的点击事件在移动端无效

近日工作中需要用到高德地图在PC端和移动端同时适配的需求,在PC端撸代码和调试一切顺利,但是在将项目在平板中测试

时,发现绑定在label中的click事件无法触发;通过各种调试发现应该是高德在移动端的marker上屏蔽了click事件;
原代码如下:

self.pointers[item].setLabel({            //label默认蓝框白底左上角显示,样式className为:amap-marker-label          offset: new AMap.Pixel(25, 5), //右侧          zIndex: 99,          content:            "
" + self.allData.filter(b => b.seqno == item)[0].shortTitle + "
" });

解决方案:手动给label添加touchstart事件

let btn = document.getElementById("label-" + item);        btn.addEventListener(          "touchstart",          function(event) {            self.$router.push({              path: "/screenProject",              query: { seqno: item }            });          },          false        );

特此记录一下踩坑过程!

转载地址:http://cifva.baihongyu.com/

你可能感兴趣的文章
nginx反向代理
查看>>
操作系统真实的虚拟内存是什么样的(一)
查看>>
hadoop、hbase、zookeeper集群搭建
查看>>
python中一切皆对象------类的基础(五)
查看>>
modprobe
查看>>
android中用ExpandableListView实现三级扩展列表
查看>>
%Error opening tftp://255.255.255.255/cisconet.cfg
查看>>
java读取excel、txt 文件内容,传到、显示到另一个页面的文本框里面。
查看>>
《从零开始学Swift》学习笔记(Day 51)——扩展构造函数
查看>>
python多线程队列安全
查看>>
[汇编语言学习笔记][第四章第一个程序的编写]
查看>>
android 打开各种文件(setDataAndType)转:
查看>>
补交:最最原始的第一次作业(当时没有选上课,所以不知道)
查看>>
Vue实例初始化的选项配置对象详解
查看>>
PLM产品技术的发展趋势 来源:e-works 作者:清软英泰 党伟升 罗先海 耿坤瑛
查看>>
vue part3.3 小案例ajax (axios) 及页面异步显示
查看>>
浅谈MVC3自定义分页
查看>>
.net中ashx文件有什么用?功能有那些,一般用在什么情况下?
查看>>
select、poll、epoll之间的区别总结[整理]【转】
查看>>
CSS基础知识(上)
查看>>