首页 > 解决方案 > 在 React 中映射时标记与谷歌地图不相关

问题描述

当我以简单的方式(没有数据库,没有映射)在谷歌地图上显示一个标记时,我得到一个不错的标记,它附加到某个地址(街道、建筑等)但是当我从数据库中获取数据并使用地图功能来获取我的数据,标记移动错误(它们与地图无关,而是与一般屏幕相关)。映射是否每秒都在发生并且正在重新渲染我的标记?

第一个标记(外部映射)工作正常。那些里面的映射函数没有。

    // Works good
    <Marker
      lat={55.690954}
      lng={21.156816}
    />
    /////////////////////


    // Does not work good
    {data.map(item => (
      <div>
        <Marker
          lat={55.690954}
          lng={21.156816}
          /* lng={item.location.coordinates[0]}
          lat={item.location.coordinates[1]} */
        />
      </div>
    ))}
    /////////////////////

问题视频:

在此处输入图像描述

标签: reactjsdatabasegoogle-mapsreact-reduxmapping

解决方案


推荐阅读