私は、react-map-gl のマーカー コンポーネントを使用して地図上にインドの都市をレンダリングしています。ムンバイ "lat": "19.0760", "long": "72.8777" は react-map-gl にありますが、マップ上の間違った位置に表示されています。
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>
))}]