检测mapbox中多个标记上的单击

检测mapbox中多个标记上的单击,mapbox,mapbox-gl-js,mapbox-gl,Mapbox,Mapbox Gl Js,Mapbox Gl,我正在使用mapbox标记,并创建了多个标记,如下所示: var cord = [{lng:,lat:},{lng:,lat:}] function createMarker(){ for(var i = 0; i < cord.length; i++){ var marker = new mapboxgl.Marker({}) .setLngLat([cord[i].lng, cord[i].lat])

我正在使用mapbox标记,并创建了多个标记,如下所示:

var cord = [{lng:,lat:},{lng:,lat:}]
function createMarker(){
   for(var i = 0; i < cord.length; i++){
     var marker = new mapboxgl.Marker({})
                    .setLngLat([cord[i].lng, cord[i].lat])
                    .addTo(map);
   }
}
var cord=[{lng:,lat:},{lng:,lat:}]
函数createMarker(){
对于(变量i=0;i
我希望每个标记都能检测到点击,但我不知道该怎么做


是否可以检测每个标记上的单击?

您可以添加如下单击事件处理程序:

marker.element.addEventListener('click',event=>alert('click');

您好@SteveBennett,谢谢您的回答。我想在两个标记上执行不同的操作。是否有方法检测是单击第一个标记还是第二个标记?最好的方法是为每个标记实例指定options.element(此处记录为可选参数:)因此,每个标记的HTML元素都有一个ID,您可以使用该ID指定唯一的单击侦听器。但是你能给我举个例子说明你的确切意思吗,因为我只能看到你指定的链接上的默认选项?标记文档中的第一个参数是options.element。此参数允许您指定要用作标记的DOM元素。Mapbox GL JS文档中的此示例详细说明了如何使用可选元素参数:。一般来说,我建议查看GL JS示例页面,了解如何使用特定方法和参数的指导,因为那里有许多强大的示例:@Adrianabakanian明白了你的意思,一切正常,但我必须将标记的默认“蓝色符号”更改为我的自定义图像。有没有办法不更改为标记的自定义图像,只使用默认的蓝色符号,而实现我想要实现的多点单击功能?