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

Question

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

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

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

标签： javascriptreactjsgoogle-maps

Answer 1

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