单击时如何获取 id 并删除它？ 谷歌地图 V3

Question

这是我的代码......我尝试放置事件侦听器，但控制台说：

marker.addListener 不是函数

这是我的代码..... https://jsfiddle.net/1LwLczgr/1/

//The problem :(
markers.addListener('click', function() {
      var marker = this;
      alert(this.id+"alasddsasdkasdl");
});



<!--My API-->
<script async defer type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBZiX9quA0AJiAFuoxrogRYObImmbCa-6g&signed_in=true&libraries=geometry,places&callback=initMap"></script>

Answer 1

标记是一个数组对象。 我们不能这样做：

$.each(markers, function(index, value) {
// Add listener here? 
});

参考： http : //api.jquery.com/jquery.each/

或者在纯 JavaScript 中：

for(var i = 0; i < markers.length; i++)
{
// Add listener here? 
}

编辑 - 到问题 - 然后在 DeleteMarkers() 的函数中？

• 通过循环删除侦听器
• 清除数组

那不会有帮助吗？ 请试一试，让我们知道结果。

Answer 2

您只能将 Google Maps 单击侦听器添加到支持单击事件的 Google Maps 对象（例如google.maps.Marker 。 markers不是google.maps.Marker ，它是Array Array没有方法.addListener 。

一种选择是在创建标记时将点击侦听器添加到标记中：

// Adds a marker to the map and push to the array.
function addMarker(location) {
  var marker = new google.maps.Marker({
    id:count,
    position: location,
    map: map
  });
  marker.addListener('click', function() {
    var marker = this;
    alert(this.id+"alasddsasdkasdl");
  });
  markers.push(marker);
  countmarkers ++;
  count ++;
}

Answer 3

而不是addListener()类型addEventListener() 。

Answer 4

在解决了一些问题后，它对我有用。 脚本标签需要关闭。 标记 [0] 上需要 addListener（而不是标记数组本身）。 我移动了 initMap 函数，这样它就不会抱怨了。 我取消了事件侦听器的注释。 有效。