百度地图点击触发事件介绍

谈一下给标注添加一个事件，事件方法与Map事件机制相同。

监听标注事件

监听标注事件是调用marker.addEventListener的方法，现在我们先看到核心类里面的事件。

这个事件是marker中的事件，但是marker事件是可以应用于全局的，然后我们在所有的地图上点击，都可以使用这个事件来获取。

然后，我们看到的事件，也就是marker中的事件，从网站的网页中类参考的覆盖物类我们可以知道，当要使用“marker.addEventListener”这个代码之前先要“new BMap.marker”也就是我们需要要先new，才能使用这个类。

然后，我们看一下marker下面的方法和事件。我们可以看到它支持很多事件。比如click就是点击标注图标后会触发此事件，ablclick就是双击标注图标后会触发此事件，mousedown就是鼠标在标注图标后会触发此事件，和刚刚看到的事件出发机制基本都是一样的。

然后我们看到addEventListener的添加事件的一个方法。我们可以找到addEventListener是添加事件监听函数，我们在使用的时候第一个是事件的名称，比如说要使用click，就要把click传入进来，然后后面就是一个回调的函数，这个函数是我们触发这个事件之后，我们需要做的一个操作。

比如说“marker.addEventListener("click", function(){ alert("您点击了标注") })”这个监听标注事件的示例，我们可以看到在实例化marker类之后，通过maker.addEventListener这个事件，添加一个click然后后面有一个回调的函数“function”这个函数是我们触发这个事件，然后要操作的，比如说后面的点击了标注。

比如说现在来演示，输入代码之后。

我们可以看到点击后，会弹出一个标注，也就是这就添加了一个事件。

现在替换一下，输入代码给标注添加双击事件。

我们可以看到，这个是没有显示的，当我们双击之后才会显示出来。

所以，这样我们就知道点击事件也是非常简单的，第一步就是先实例化marker，然后调用addEventListener的方法，然后添加一个点击事件，那么这里就使用click，然后click后面就紧跟着触发事件之后的一个执行的函数，函数就是我们要执行的一个内容。

我们还可以替换一个双击事件，这个事件点击的时候是不会出来的，要双击后才会出来，这个事件是通过marker的方法来触发了这个事件，当然在这里我们是给标注添加事件。

百度地图点击触发事件介绍相关推荐

小程序banner广告点击触发事件技术
现如今,小程序是遍布各大平台(微信,QQ,百度,抖音...),随着小程序的增多,流量也显得越来越珍贵,买量的钱是越来越多,除去靠小程序业务营收的(如商城)和靠小程序服务营收的(外卖,服务等),很大部分 ...
百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图
百度地图点击地图类型控件切换普通地图.卫星图.三维图.混合图(卫星图+路网),右下角是缩略图 <!DOCTYPE html> <html> <head> < ...
Vue 移动端项目百度地图点击事件无效、不触发解决方案
解决百度地图手机端点击事件不触发的一种方案版权声明:本文为博主原创文章,转载请标明原文出处. 问题背景我是半路接手的这个项目,该项目使用 Vue 开发的一款手机端的页面.到手里时,使用百 ...
百度地图路线规划onchange事件触发两次冲突解决
var map = new BMap.Map("allmap",{enableMapClick:false}); map.centerAndZoom("福州市&q ...
百度地图点击获取定位信息以及定位的经纬度
1.导入地图的js连接 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0 ...
百度地图infowindow的close事件_百度地图蒙圈：车主要加油误导母婴店跑偏理由令人啼笑皆非...
常在江湖飘,哪有不挨刀.经常驾车出门在外的您,有过被导航坑的经历么?其实在早些年手机导航刚刚兴起的时候,这类现象确实比较常见,但是到了如今大数据的时代,手机导航数据更新比较及时,问题已经少了很多.不过 ...
百度地图infowindow的close事件_高德地图，百度地图，腾讯地图哪个更准？
先说结论高德第一,百度第二,腾讯第三这些地图商,他们是怎么知道"我家门口新开了一家咖啡店"这一事件的,并且标注上去还拍了照片呢?有些店新开了,有些店倒闭了,10年以前这条街上的 ...
百度地图点击marker换图标的两种方式
首先在页面把要替换的图标引入 import newIcon from "../../../../static/image/startIcon.png" 第一种方式:使用百度地图ap ...
百度地图点击地点显示经纬度并且转换为百度地址及添加控件
一.百度地图初始化及添加基本控件 1.引入地图包地图包网址的ak属性是你在百度地图开放平台上申请的密钥 <script type="text/javascript" src ...
解决引用百度地图点击详情无法定位到相应位置问题
会出现这样的原因是因为获取地址内容不全被截断: 解决方法:加以下这段JS即可. setInterval(function() { var text = $(".BMap_bubble_tit ...

百度地图点击触发事件介绍

百度地图点击触发事件介绍相关推荐

最新文章

热门文章