处理谷歌地图中的单击事件，忽略双击
在使用谷歌地图 API 开发前端应用时，我们常常需要对地图上的单击事件进行处理，以实现一些交互效果，比如单击一个标记点后弹出信息窗口等等。不过有时候，在处理单击事件的同时也会触发双击事件，这就会导致一些问题，比如在双击事件中同时执行了两次单击事件的处理函数，或者在单击事件处理函数中误认为此次点击是双击而产生错误操作。
本篇文章将介绍如何在谷歌地图中处理单击事件并忽略双击事件。我们将从以下几个方面进行讨论：
- 单击事件和双击事件的区别
- 忽略双击事件的方法
- 示例代码
1. 单击事件和双击事件的区别
在谷歌地图 API 中，单击事件和双击事件都是通过 google.maps.event.addListener() 函数来添加的。它们的主要区别在于触发的方式和时间间隔。
单击事件（click）是指在一个短时间内只单击一次鼠标左键，通常情况下单击事件的时间间隔大于 250ms。而双击事件（dblclick）是指在一个较短的时间内连续两次单击左键，通常情况下双击事件的时间间隔小于 250ms。
需要注意的是，如果在短时间内进行了一次单击操作，并且在此期间内没有进行任何其他鼠标操作，则可能会触发双击事件。这种情况下，单击事件和双击事件都会被触发。
2. 忽略双击事件的方法
为了避免上述问题，我们需要在处理单击事件时忽略掉双击事件。常见的方法有两种：
2.1 延迟处理单击事件
可以使用 setTimeout() 函数来延迟处理单击事件，如果在一定的时间内没有发生双击事件，则执行单击事件的处理函数。这里建议设置延迟时间为 300ms 左右，以确保能够捕捉到双击事件。
-- -------------------- ---- -------
--- ---------- - -----
---------------------------------- -------- --------------- -
-------------------------
---------- - --------------------- -
-- ------
-- -----
---
---------------------------------- ----------- --------------- -
-------------------------
-- ------
---2.2 判断是否双击事件
通过判断两次单击事件的时间间隔，如果小于 250ms，则视为双击事件。这种方法需要记录上次单击事件的时间戳。
-- -------------------- ---- -------
--- ------------- - --
---------------------------------- -------- --------------- -
--- ----------- - --- -----------------
-- ------------ - ------------- - ---- -
-- ------
-------
-
------------- - ------------
-- ------
---3. 示例代码
下面是一个完整的示例代码，其中使用了第一种方法。
-- -------------------- ---- -------
--------- -----
------
------
--------------------------------
----- ----------------
-------
---- -
------- ------
-
--------
-------
------
---- ---------------
------- ------------------------------------------------------------------------
--------
--- ----
--- ---------- - -----
-------- --------- -
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------