Question

我有这个，工作正常：

google.maps.event.addListener(marker, 'rightclick', function(event) {
    infowindow.close();
    marker.setMap(null);
    marker.solucionado = true;
    cant_markers--;
    cant_solucionados++;
});

但我想这样做：

google.maps.event.addListener(marker, 'rightclick', deleteMarker);

function deleteMarker(marker) {
    infowindow.close();
    marker.setMap(null);
    marker.solucionado = true;
    cant_markers--;
    cant_solucionados++;
});

marker它目前已超出范围，有一种方法可以将标记对象作为参数发送吗？

Answer 1

marker不在范围之外，marker 是执行处理程序的范围。

通过addListener添加的处理程序的范围始终是添加侦听器的对象（addListener的第一个参数，代码中的marker

只需使用this访问处理程序中的标记：

function initialize() {

  var map = new google.maps.Map(document.getElementById("map-canvas"), {
      center: new google.maps.LatLng(0, 0),
      zoom: 1
    }),
    marker = new google.maps.Marker({
      map: map,
      position: map.getCenter()
    });
  google.maps.event.addListener(marker, 'rightclick', deleteMarker);

}

function deleteMarker() {
  this.setMap(null);
}
google.maps.event.addDomListener(window, 'load', initialize);

html,
body,
#map-canvas {
  height: 100%;
  margin: 0;
  padding: 0;
}

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3"></script>
<div id="map-canvas"></div>

但是，当您不想将其他参数传递给处理程序时，也可以使用deleteMarker.call（或deleteMarker.apply）

示例：

function initialize() {

  var map = new google.maps.Map(document.getElementById("map-canvas"), {
      center: new google.maps.LatLng(1, 2),
      zoom: 1
    }),
    marker = new google.maps.Marker({
      map: map,
      position: map.getCenter()
    }),
    var1 = "it ",
    var2 = "work's";
  google.maps.event.addListener(marker, 'rightclick',
    function(e) {
      deleteMarker.call(this, //the scope of the handler...the marker
        e, //the original event
        var1, //additonal argument
        var2 //another argument
      );
    }
  );

}

function deleteMarker(event, v1, v2) {
  this.setMap(null);
  alert(v1 + v2 + '@' + event.latLng)
}
google.maps.event.addDomListener(window, 'load', initialize);

html,
body,
#map-canvas {
  height: 100%;
  margin: 0;
  padding: 0;
}

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3"></script>
<div id="map-canvas"></div>

Answer 2

我建议您使用通用功能构建应用，以执行删除标记等常规操作。在某些时候，您可能希望同时删除标记列表或删除标记，原因不是righ-click。为此，创建一个处理所有（或大多数）情况的函数比重复代码更好。

google.maps.event.addListener(marker, 'rightclick', function(e){
    deleteMarkers([marker]);
});

function deleteMarkers(markers) {
    for (var i=0; i < markers.length; i++) {
        markers[i].setMap(null);
    }
});

请参阅doc：https://developers.google.com/maps/documentation/javascript/events#EventArguments

Answer 3

那是因为你用事件参数覆盖了marker。

试试这个......

google.maps.event.addListener(marker, 'rightclick', deleteMarker);

function deleteMarker(event) {
    infowindow.close();
    marker.setMap(null);
    marker.solucionado = true;
    cant_markers--;
    cant_solucionados++;
});

如果你需要传递多个参数，你可以这样做......

google.maps.event.addListener(marker, 'rightclick', function(event) {
  deleteMarker(event, marker);
});

function deleteMarker(event, marker) {
    infowindow.close();
    marker.setMap(null);
    marker.solucionado = true;
    cant_markers--;
    cant_solucionados++;
});

在Google地图事件功能中发送其他参数

3 个答案: