漏刻有时百度地图API实战开发(1)华为手机无法使用addEventListener click 的兼容解决方案

华为手机无法使用addEventListener click 的兼容解决方案"/>

漏刻有时百度地图API实战开发(1)华为手机无法使用addEventListener click 的兼容解决方案

现象

漏刻有时项目开发中的调用了百度地图API，在PC端、IOS和安卓机型测试都没有问题。但是使用华为手机部分型号时，前端在监听点击事件的时候是使用 map.addEventListener('click',function(){...})，无法触发。或

原理

通过监听touchstart和touchmove两个事件中，x1，y1和x2，y2的差值（绝对），如果大于10px那么认为是拖动，否则认为是点击。

监听方式

在JavaScript中，map.addEventListener用于在Map对象上添加事件监听器。使用各种类型的事件，比如点击（click）、鼠标悬停（mouseover）等。当在地图上点击时，会触发一个事件，然后调用提供的函数。这个函数接收一个事件对象，从中可以获取关于被点击地点的信息。

当然，也可以绑定其他的事件，比如mouseover、mouseout等，只需要将事件类型替换即可。

    //地图监听事件map.addEventListener('click', function (e) {var targets = e.overlay;//清除覆盖物;map.clearOverlays();var x = e.point.lng;var y = e.point.lat;var newPoint = new BMap.Point(x, y);})

解决方案

    /*安卓手机端监听无效事件 - Begin*/map.addEventListener("touchmove", function (e) {map.enableDragging();});map.addEventListener("touchend", function (e) {map.disableDragging();});map.disableDragging();map.enableScrollWheelZoom(true);/*安卓手机端监听无效事件 - End*/

参考链接：

• .html
• =s_pcqq_aiomsg

@漏刻有时