google-maps - Google Map API V3 - 如何在用户实际双击时防止标记的鼠标单击事件

Question

我在 map 上有一个要绑定(bind)两个事件的标记:

点击

dblclick

我想做以下事情:

当用户点击标记时， map 应放大并显示
更详细的 map 。

我想将 'dblclick' 事件绑定(bind)到同一个标记，以便它将
在相邻的“div”元素中加载一些第三方报告。

换句话说，我希望它在用户单击或 dblclicks 时表现不同。但问题是，当我将这两个事件绑定(bind)到标记并且用户“双击”标记时，“单击”处理程序被触发，我不想让它发生。

是否真的，当用户双击时，点击事件也会被触发？如果是这样，当用户实际双击时如何防止它触发“点击”事件？
有什么办法可以让我在标记的单击和双击事件上做不同的事情？

Answer 1

这是 api 的已知细微差别，您需要安装点击计数器超时，如下所示:

function createMap2() {
  var infoWindow = new google.maps.InfoWindow();
  var map = new google.maps.Map(document.getElementById("map2"), myOptions); 

  var doubleClicked=false;
  var clickEvent;

  google.maps.event.addListener(map, 'dblclick', function(event) { 
    doubleClicked=true;
  }); 

  function handleClick() {
    if (!doubleClicked) {
      infoWindow.setPosition(clickEvent.latLng);
      infoWindow.setContent(createInfo(clickEvent));
      infoWindow.open(map);
    }
  }

  google.maps.event.addListener(map, 'click', function(event) { 
    clickEvent = event;
    doubleClicked = false;
    window.setTimeout(handleClick, 250);
  }); 
}

以上代码摘自 http://www.william-map.com/20100506/1/v3click.htm

查看这些链接以获取更多信息:

https://groups.google.com/forum/?fromgroups=#!topic/google-maps-js-api-v3/YRAvYHngeNk
https://groups.google.com/forum/?fromgroups=#!topic/google-maps-js-api-v3/2MomDiLMEiw