浏览器移动视图中的 Google 地图缩放控件

Question

我在我的反应应用程序中使用谷歌地图，缩放控件在桌面浏览器视图中很好，但是当我进入浏览器移动视图时，如果我单击缩放控件（无论 + 或 -）这些控件下方的地图似乎也被点击了。例如当我单击“-”按钮时，地图会缩小，但标记的位置也会发生变化。 我的桌面和移动视图代码的唯一区别是缩放控件的位置如下：

zoomControlOptions: {
  position: zoomButtonLocation === 'top_left' ? maps.ControlPosition.LEFT_TOP : maps.ControlPosition.LEFT_BOTTOM,
},

我什至尝试不更改移动视图中缩放控件的位置，但问题仍然存在。 有人可以帮我解决这个问题吗？我搜索但找不到任何答案。 这是我的第一个问题，如果需要更多描述或说明，我在这里。

Answer 1

正如@Dolly 在评论中提到的，如果您在按钮上添加event.preventDefault()，问题将得到解决。