Trilateration Using Leaflet JS.

Technologies Used: HTML, JavaScript (Leaflet, Turf JS)

Description

This map showcases the fundamental concept of trilateration by allowing users to simulate locating a point using three known reference points. Through this map-based interface, users draw three circles, each representing a known distance from a specific point. Trilateration , a geometric technique utilized in GPS systems, estimates an unknown location by intersecting these circles. A figure to illustrate in 2D:

As the circles intersect, the map dynamically computes and displays the potential location of the unknown point. By interacting with the map and observing how the intersection of these circles narrows down the possible locations, it's possible to see how this essential location-finding method works.

Instructions

This map allows trilaterating three circles that intersect to show the approximate user location. Follow these steps:

1. Draw 3 circles that demonstrate the known locations, with the radius displayed being the known distance
2. Click Find My Location to obtain the user location
3. View results below

Map

Back to my projects →