Showing cities on the map

[havsar]

My goal is to show markers for several cities on the world map.
I see on the examples that I can achieve this by setting correct marker coordinates.

But how to know the coordinates?

[zimrick]

Hi @havsar

If you have only a few cities, you can easily get the coordinates through Google. Just type the city name and coordinates. You will however have to make sure that the coordinates are specified in +/- values rather than North/South/East/West. Here's an example:

If you want to get the coordinates for New York, Google will return something like this:

40.7128° N, 74.0060° W

In order for react-simple-maps and d3-geo to understand this, you will have to specify it like this:

[-74.0060, 40.7128]

North and East are both + values and South and West are - values. Also, note that the order in reacts-simple-maps and d3-geo is longitude, latitude. Google returns coordinates in the reverse order.

If you have a lot of cities, you can also try using something like this:
https://simplemaps.com/data/world-cities

Hope this helps.

[havsar]

Hi @zimrick

Thanks for the quick response, the solution you described worked for me.
At the moment I just need a few cities to start with, later on I may need to use the link you posted.

I used this tool, if someone else needs: https://www.maps.ie/coordinates.html
Just make sure to use the correct ordering (long, lat).

[iMerica]

Maybe add a "gotchas" section to the docs with this [lat, long] vs [long, lat] thing?