Embeddable haversine map and distance calculator
It's free. Choose two places, adjust the options and paste the code into your page. The map is interactive: visitors can drag the points.
1The two points
LatitudeLongitude
Point A
Point B
2Options
Language
Visitor can change the language
Show the calculator under the map
Units
Visitor can switch
Theme
3Width · Height
Width
Height
4Advanced
Widget background
Behind the map and the cards. By default it follows the theme.
Card colour
The cards under the map. By default they follow the theme; text adapts to the colour.
Corners
Radius of the map's box, the cards, the fields and the buttons. 0 px for square corners.
Sphere radius (km)
Earth's by default (6,378.137 km). Change it for another body, or to compare with a mean radius of 6,371 km.
How it looks on your page
Source: distances.online
Code for your website
Paste it where you want the map to appear. Works in any HTML page, WordPress, Ghost, Notion and most site builders.
<iframe src="https://distances.online/embed/haversine-distance/?a=51.5074,-0.1278&b=40.7128,-74.006&calc=1&pair=/" width="100%" height="420" style="border:0;max-width:100%" loading="lazy" title="Distance from Point A to Point B"></iframe> <p style="margin:6px 0 0;font-size:12px;color:#6b7280">Source: <a href="https://distances.online/en///" style="color:inherit;text-decoration:underline">distances.online</a></p>
Free to use on any website. Map data © OpenStreetMap contributors.