首页 > 作文

移动端Html5中百度地图的点击事件

更新时间:2023-04-03 03:40:30 阅读: 评论:0

根据百度地图官方解释,在移动端 h5 页面中可监听下面这 4 个事件:

touchstart, touchmove, touchend, longpress

而如果地图上监听了 click 事件,在移动端是不会执行这个事件里面的代码的。

我之前做一个需求时,给地图监听了 touchend 事件,不曾想当我拖动地图时,也执行了 touchend 里的代码。所以需要模拟一个像 zepto 中的 tap 事件,就能解决这个问题了。

我的代码是:

function initmap(badata) {    var mp = new bmap.map('map');    var point = new bmap.point(      badata.data.gardenlongitude,      badata.data.gardenlatitude    );    mp.centerandzoom(point, 15);    // 保存 touch 对象信息    var obj = {};    mp.addeventlistener('touchstart', function (e) {      obj.e = e.changedtouches ? e.changedtouches[0] : e;      obj.target = e.target;      obj.time = date.now();      obj.x = obj.e.pagex;      obj.y = obj.e.pagey;    });    mp.adde容积怎么计算ventlistener('touchend', function (e) {      obj.e = e.changedtouches ? e.changedtouches[0] : e;      if (        obj.target === e.target &&                // 大于 750 可看成长按了        ((date.now() - 妈妈别走obj.time) < 750) &&                // 应用勾股定理判断,如果 touchstart 的点到 touchend 的点小于 15,就可当成地图被点击了  家乡的秋天作文600字      (math.sqrt(math.pow(obj.x - obj.e.pagex, 2) + math.pow(obj.y - obj.e.pagey, 2)) < 15)      ) { 描写风的好词好句       // 地图被点击了,执行一些操作        dosomething();      }    });  }

以上就是本文的全部内容,希望对大家的学习世界黑社会老大排行榜有所帮助,也希望大家多多支持www.887551.com。

本文发布于:2023-04-03 03:40:28,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/6311315eb2b3bcb66c8e7b17ed7ff77b.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:移动端Html5中百度地图的点击事件.doc

本文 PDF 下载地址:移动端Html5中百度地图的点击事件.pdf

下一篇:返回列表
标签:事件   地图   代码   勾股定理
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图