Route along GeoJSON network - Azure Maps Web SDK Samples
#myMap {
position: relative;
width: 100%;
min-width: 290px;
height: 600px;
}
.controlPanel {
position: absolute;
top: 10px;
left: 10px;
width: 250px;
background-color: white;
padding: 10px;
border-radius: 10px;
box-shadow: 0px 24px 74px 0px rgba(0, 0, 0, .32);
border: 1px solid #ccc;
}
fieldset {
width: calc(100% - 30px);
min-width: 290px;
margin-top: 10px;
}
#loadingIcon {
position: absolute;
top: 270px;
left: calc(50% - 50px);
}
Select a route network below and drag the pins on the map to specify the start and end locations.
Route Network:
or upload your own:
From:
To:
Snap pins if within 1km of road
Route along GeoJSON network
This sample shows how to calculate the shortest route path between two points on a network of lines stored in a GeoJSON file.
The following open source libraries are used in this sample:
GeoJSON Path Finder
Turf