You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何缩短Google Maps API onClick事件的防抖延迟以适配快速多次点击?

Google Maps API点击事件防抖延迟问题求助

当前实现

我通过Google Maps API原生方式绑定点击事件监听,代码如下:

map.value.addListener("click", (event) => {
  onClick(event);
});

该实现正常情况下能在点击地图时触发事件,并返回经纬度等有效数据,这是Google Maps API自身实现的事件逻辑,而非常规DOM事件。

遇到的问题

这个click事件存在明显防抖延迟:快速点击地图三次,事件仅触发两次,延迟时长约300-500ms。常规DOM点击事件可以响应每一次点击,但无法获取经纬度等地图相关数据;同时覆盖物的点击事件也存在同样的延迟问题。

已做尝试

我并未使用双击功能,且已经通过disableDoubleClickZoom选项禁用了地图的双击缩放功能。推测该点击延迟是API为区分双击事件设计的,但即使禁用双击后,延迟依然存在。

请问是否有办法修改该点击事件的延迟?

依赖版本信息

{
  "dependencies": {
    "@googlemaps/js-api-loader": "^1.16.8",
    "@mdi/font": "^7.4.47",
    "@mdi/js": "^7.4.47",
    "@quasar/extras": "^1.16.12",
    "nuxt": "^3.13.0",
    "nuxt-quasar-ui": "^2.1.6",
    "quasar": "^2.17.0",
    "vue": "^3.5.11",
    "vue-router": "^4.4.5"
  },
  "devDependencies": {
    "@types/google.maps": "^3.58.1",
    "sass": "^1.72.0"
  }
}

内容的提问来源于stack exchange,提问作者Evandro Teixeira

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.17 12:10:12