Routing is the process of finding the best path from an origin to a destination in a street network. Routing takes into consideration many different data parameters in the street network such as speed limit, number of lanes, and time of day. Routing can also take into consideration other real-time data such as road conditions, accidents, and other barriers.
You can use the routing service to:
- Find the shortest path from an origin to a destination.
- Find the quickest path to multiple destinations.
- Determine the best sequence to visit multiple destinations.
- Generate driving directions in multiple languages.
How to access the routing service
There is no direct integration in CesiumJS to access the routing service. To access the service in your application, you use the routing and request packages from ArcGIS REST JS.
The typical steps for accessing the routing service with ArcGIS REST JS is to:
- Reference the appropriate ArcGIS REST JS package.
- Set the API key to authenticate the request.
- Define parameters to pass to the service.
- Call the service and handle the results.
Example
Find a route
This example finds a route between two coordinate locations using the ArcGIS REST JS solve operation.
<head>
<title>CesiumJS: Find a route and directions</title>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.107/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.107/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="https://unpkg.com/@esri/arcgis-rest-request@4.0.0/dist/bundled/request.umd.js"></script>
<script src="https://unpkg.com/@esri/arcgis-rest-routing@4.0.0/dist/bundled/routing.umd.js"></script>
</head>
<body>
<div id="cesiumContainer"></div>
<script type="module">
const apiKey = "YOUR_API_KEY";
Cesium.ArcGisMapService.defaultAccessToken = apiKey;
const authentication = arcgisRest.ApiKeyManager.fromKey(apiKey);
const arcGisImagery = Cesium.ArcGisMapServerImageryProvider.fromBasemapType(Cesium.ArcGisBaseMapType.SATELLITE, {
enablePickFeatures:false
});
const viewer = new Cesium.Viewer("cesiumContainer", {
baseLayer: Cesium.ImageryLayer.fromProviderAsync(arcGisImagery),
terrain: Cesium.Terrain.fromWorldTerrain(),
timeline: false,
animation: false,
geocoder:false
});
viewer.camera.setView({
destination : Cesium.Cartesian3.fromDegrees(8.68019, 50.1147 , 500),
orientation : {
heading: Cesium.Math.toRadians(-120),
pitch : Cesium.Math.toRadians(-28.0),
}
});
function getRoute(start,end) {
arcgisRest
.solveRoute({
stops: [start,end],
authentication
})
.then((response) => {
Cesium.GeoJsonDataSource.load(response.routes.geoJson,{
stroke:Cesium.Color.fromCssColorString('#76fcfc'),
strokeWidth:5,
clampToGround:true
}).then((data)=>{
viewer.dataSources.add(data);
});
})
}
getRoute([8.67496,50.10946],[8.66893,50.11429])
</script>
</body>
