Javascript 我的双击事件不起作用，当我双击标记时，它不会删除_Javascript_Html_Google Maps

Javascript 我的双击事件不起作用，当我双击标记时，它不会删除

javascript html google-maps

Javascript 我的双击事件不起作用，当我双击标记时，它不会删除,javascript,html,google-maps,Javascript,Html,Google Maps,我的双击事件不起作用，当我双击标记时，它不会删除。请帮忙：）。这是我的密码。：）我已经试着通过编辑一些东西来修复它，但它似乎不起作用 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body {

我的双击事件不起作用，当我双击标记时，它不会删除。请帮忙：）。这是我的密码。：）我已经试着通过编辑一些东西来修复它，但它似乎不起作用

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5dtn-wkog5K5cFZ0hN1uyiWo2kB89Lk0&sensor=true">
</script>
<script type="text/javascript">
var map;
var markersArray = [];

function initialize() {
   var haightAshbury = new google.maps.LatLng(37.7699298, -122.4469157);
   var mapOptions = {
      zoom: 12,
      center: haightAshbury,
      mapTypeId: google.maps.MapTypeId.TERRAIN
   };
   map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

   google.maps.event.addListener(map, 'click', function(event) {
      addMarker(event.latLng);
   });

   google.maps.event.addListener(map, 'dblclick', function() {
      clearOverlays();
   });
}

function clearOverlays() { 
   if (markersArray) { 
      for (i in markersArray) { 
         markersArray[i].setMap(null); 
      } 
   } 
}

function addMarker(location) {
   marker = new google.maps.Marker({
      position: location,
      map: map
   });
   markersArray.push(marker);
}

function deleteMarker() { 
   map.setMap(null);
}
</script>
</head>
<body onload="initialize()">
<div id="map-canvas" style="width:100%; height:100%"></div>
</body>
</html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
var映射；
var-markersArray=[]；
函数初始化（）{
var haightAshbury=newgoogle.maps.LatLng（37.7699298，-122.4469157）；
变量映射选项={
缩放：12，
中心：haightAshbury，
mapTypeId:google.maps.mapTypeId.TERRAIN
};
map=new google.maps.map（document.getElementById（“地图画布”），mapOptions）；
google.maps.event.addListener（映射，'click'，函数（事件）{
添加标记（事件标记）；
});
google.maps.event.addListener（映射'dblclick'，函数（）{
clearOverlays（）；
});
}
函数clearOverlays（）{
if（markersArray）{
对于（markersArray中的i）{
markersArray[i].setMap（空）；
} 
} 
}
功能添加标记（位置）{
marker=新的google.maps.marker({
位置:位置,，
地图：地图
});
markersArray.push（marker）；
}
函数deleteMarker（）{
setMap（空）；
}

是否同时触发“单击”和“dblclick”事件？你是双击地图还是标记？如果双击标记，则需要将事件侦听器添加到标记，而不是映射

function addMarker(location) {
  marker = new google.maps.Marker({
    position: location,
    map: map
  });

  google.maps.event.addListener(marker, 'dblclick', 
    // closure so the callback remembers the marker
    (function(what){
      return function() {
        what.setMap(null);
        // you might want to remove it from markersArray here too
      };
    )(marker)
  );
  });

  markersArray.push(marker);
}