MapLines Logo

MapDist.xyz

AboutAuthor

What does the site MapDist.xyz do?

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.

Who may need this?

This tool is useful for anyone needing to measure distances on a map, such as travelers, hikers, researchers, or students studying geography.

What do results tell me and how to read them?

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.

How to measure and use?

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.

What are the technologies used?

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.

Who is the author and where is the code?

The site is developed by @d3liaz.

Go to the map