如何缩短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
相关产品推荐
相关产品推荐

