移动端H5中百度地图的click事件的介绍(代码示例)


当前第2页 返回上一页

我的代码是:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

function initMap(baseData) {

    var mp = new BMap.Map('map');

    var point = new BMap.Point(

      baseData.data.gardenLongitude,

      baseData.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.addEventListener('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,就可当成地图被点击了

        (Math.sqrt(Math.pow(obj.X - obj.e.pageX, 2) + Math.pow(obj.Y - obj.e.pageY, 2)) < 15)

      ) {

        // 地图被点击了,执行一些操作

        doSomething();

      }

    });

  }

以上就是移动端H5中百度地图的click事件的介绍(代码示例)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript和java有关系吗

javascript和jsp的区别是什么

bootstrap请求javascript失败是怎么回事

html5 input输入实时检测以及延时优化

h5的页面中怎样调用app功能

js中splice()方法是什么?

利用html5 实现3d 网络拓扑树(图文详解)

html5中设置或返回音视频是否在加载后即开始播放的属性autoplay

javascript中typeof怎么用

html5实践-可伸缩的mobile搜索框图文详解

更多相关阅读请进入《iOS》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...