This site allows users to measure the distance between two points on a map. By clicking on the map, you can set the start and end points and view the calculated distance between them.
This tool is useful for anyone needing to measure distances on a map, such as travelers, hikers, researchers, or students studying geography.
The popup on the map shows the coordinates of the start and end points, the distance in kilometers between the points along the latitude and longitude, and the direct distance (radius) between them.
Click on the map to set the start point, move the cursor to see the distance update in real-time, and click again to set the end point. To reset and start over, press Escape or click a third time.
This site is built using Next.js for the frontend framework, Leaflet for map rendering, OpenStreetMaps for map data, Tailwind CSS for styling, and the Overpass API for querying map data.
The site is developed by @d3liaz.