首页 > 解决方案 > 使用 OverlayView 导致 React Google Maps 标记位置错位

问题描述

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

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

图片 1.Marker A 和最近的橙色标记而不是两个不同的标记..它们的纬度相同..仍然在这个缩放级别看起来很远在此处输入图像描述

图2:完全放大后

在此处输入图像描述

标签: javascriptreactjsgoogle-mapscomponentsreact-google-maps

解决方案


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


推荐阅读