javascript - react-map-gl - 印度地理位置显示不正确
问题描述
我正在使用 react-map-gl 的标记组件在地图上渲染印度城市,显示前。Mumbai "lat": "19.0760", "long": "72.8777" on react-map-gl 但它在 map 上显示的位置不正确。
查找 Img 链接 - https://i.stack.imgur.com/vlhqg.png
{
"cities": [
{
"name": "Mumbai",
"state": "Maharashtra",
"lat": "19.0760",
"lon": "72.8777"
}
]
}
// compoment
[{cityList.cities.map(city => (
<Marker
key={city.name}
latitude={parseInt(city.lat)}
longitude={parseInt(city.lon)}
offsetLeft={-20} offsetTop={-10}
>
<button
className="marker-btn"
onClick={e => {
e.preventDefault();
console.log(city.name);
}}
>
{city.name}
</button>
</Marker>
))}]
解决方案
问题出在 parseInt
推荐阅读
- python - 列出不同用户python下目录中的所有文件
- java - 提取类型 [class org.springframework.http.ResponseEntity] 和内容类型 [text/html;charset=UTF-8] 的响应时出错;
- kubernetes - 如何将容器中的文件映射到 Kubernetes 中的卷中的文件?
- spring-webflux - Spring Flux Reactor 异步消费者完成
- arrays - 从数组定义 JSON 变量
- r - 使用变量进行过滤不会得到与使用常量相同的结果 - R
- dos - 如何使用 C 在 MS-DOS 中检测串口控制器的波特率
- c# - 布尔方法检查列表是否
以一小时间隔连续 - python - 使用 Python 在 3D 轴上绘制直方图
- c# - 流式传输 mp4(流)下载然后播放