Javascript 浏览器移动视图中的谷歌地图缩放控件

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

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

我甚至试图不改变移动视图中缩放控件的位置，但问题依然存在。 谁能在这个问题上帮助我？我搜索了一下，但找不到任何答案。

---

这是我在这里的第一个问题，如果需要更多的描述或澄清，我就在这里。

正如@Dolly在评论中提到的，如果在按钮上添加

事件.preventDefault（）

，问题就会解决。

在按钮上添加事件.preventDefault（），以防止事件在MapGreat Abraham，谢谢