"google-map-react“npm包-> onClick event ->不正确的lat和lng值

Question

不是重复因为:因为我特别使用“谷歌地图反应”npm软件包来处理Google，我不认为这是一个重复的问题。这更多地是一个关于“谷歌地图反应”包的问题，而不是谷歌地图API。

问题是：

由于某种原因，GoogleMapReact组件(来自“google reason”npm包)正在错误地检测单击事件的位置。具体来说，它的"onClick“事件对象具有不正确的lat/lng值。坐标总是移到东南方向(或右下角)，误差大小似乎与缩放水平有关.即。当放大时，lat/lng的误差是几百公里，并且随着地图的放大而减小。另一种看待它的方法是，坐标总是以相同的x和y像素量在屏幕上移动。

关于潜在解决方案的说明：

我对这个包在幕后访问的Google不太了解，我更喜欢使用“Google react”包的解决方案，这样我就可以在基本的Google之上维护抽象层。

上下文：

我使用的是“谷歌地图-反应”版本2.1.3。

Answer 1

我发现了问题：

我有一个全局样式表，它为所有的"div“元素应用边距和填充。“google detection”包将google地图封装在一组div元素中，而这些元素的填充和边距在某种程度上破坏了位置/坐标的检测。

My解决方案:在"GoogleMapReact“组件最近的父级上添加了一个特殊的类名(‘’).但是这个名称显然并不重要)，然后使用以下css来保留我的应用程序的总体样式，同时从“google react”生成的div中删除样式：

.remove-global-div-styling div {
     margin: 0;
     padding: 0;
     ...etc (based on whatever unwanted styling is being applied to those divs)
}

通用解决方案:如果使用“google react”包并遇到类似我的问题，请使用devtools检查由“google react”生成的div，并查看在应用程序的其他地方是否有任何意外的样式应用。