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

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

 监听标注事件

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

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

百度地图点击触发事件介绍_第1张图片

 然后,我们看到的事件,也就是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”这个函数是我们触发这个事件,然后要操作的,比如说后面的点击了标注。

百度地图点击触发事件介绍_第2张图片

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

百度地图点击触发事件介绍_第3张图片

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

百度地图点击触发事件介绍_第4张图片

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

百度地图点击触发事件介绍_第5张图片

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

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

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

你可能感兴趣的:(百度地图点击触发事件介绍)