reactjs - 在 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>
))}
/////////////////////
问题视频:
解决方案
推荐阅读
- javascript - 异步挫折:我应该使用回调以及如何通过多个模块传递它们?
- delphi - 在 Delphi Community Edition 中保存桌面布局
- selenium - 页面对象模型模式的设计关注点
- java - IntelliJ 评估中 SOAP 的 RequestContext 上的 SOAPFaultException
- php - Yii2 下拉列表和数组助手“调用数组上的成员函数 isAttributeRequired()”
- php - 美国允许州通过 Woocommerce 自定义设置页面
- sql - 显示一个具有多个值的列的值
- node.js - 在 sequelizejs 中从搜索中排除用户
- keras - 最大池化层是否会减少网络中的参数数量?
- python - 如何成功地将 python-telegram-bot 安装到 Termux 中?