使用 OverlayView 使 React Google Maps 标记位置错位答案

【问题标题】：React Google Maps marker position is misplaced with usage of OverlayView使用 OverlayView 使 React Google Maps 标记位置错位
【发布时间】：2018-12-20 12:09:55
【问题描述】：

我正在使用 react-google-maps 并在地图上显示一些标记..问题是标记应该在的实际纬度经度看起来远离它应该在的位置......只有当你完全放大标记时放置正确（几乎和这里一样几乎没有区别）。附上两张快照。我正在使用以下代码

<OverlayView
    position={{ lat: annotation.props.lat, lng: annotation.props.lng }}
    mapPaneName={OverlayView.FLOAT_PANE}
 >
 {annotation}
 </OverlayView>

图 1.标记 A 和最近的橙色标记，而不是两个不同的标记..它们的纬度和经度相同..仍然在这个缩放级别看起来很远

图2：完全放大后

【问题讨论】：

标签： javascript reactjs google-maps components react-google-maps

【解决方案1】：

为了回答我自己的问题，在用 Marker 替换 OverlayView 后解决了这个问题

【讨论】：