Map feature

Map made with OpenStreetMap and React-Leaflet

Functionality for now

there is a page for a map
you can drag the marker with mouse
- you can see the current lat/lng decimal coordinates under the Map
the map is also accessible when editing/adding a locality (Open Map -button)
- press "Save" button to transfer decimal coordinates to the form

The default coordinates are in Kumpula, not in the location already in the locality you're editing
DMS-coordinates are NOT updated/added (for now)

while editing, make marker's default position match the current coordinates
make modal window smaller / more fit with the map
show which country the marker is on
- insert this to the form when saved in edit mode
add search bar to Map (by cities or something)
- make marker move when a city is chosen
- make map move closer to the city when a city is chosen?

OSM Tile Usage Policy!

for production: Tile Usage Policy https://operations.osmfoundation.org/policies/tiles/ of OpenStreetMap if you’re going to use the tiles in production.

OpenStreetMap data is free for everyone to use. Our tile servers are not. Because OpenStreetMap data is free, many other organisations provide map tiles made from OSM data. If your project doesn’t meet our requirements, you can get OSM-derived map tiles elsewhere.
I don't know what server-side rendering is but you can't do that while using react-leaflet

Leaflet makes direct calls to the DOM when it is loaded, therefore React Leaflet is not compatible with server-side rendering.
Make sure the map container has a defined height, for example by setting it in CSS: #map { height: 180px; }

Locality -> New -> get coordinates -button -> popup

Clicking on map => shows Lat + Long