Я визуализирую индийские города на карте, используя маркерный компонент react-map-gl, показывая напр. Широта Мумбаи: 19.0760, долгота: 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>
))}]