How to find a route

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 solveRoute operation.

Use dark colors for code blocksCopy
<head>
    <title>CesiumJS: Find a route and directions</title>

    <script src="https://cesium.com/downloads/cesiumjs/releases/1.105/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.105/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>
Go to tutorial

Tutorials

Find a route and directions

Find a route and directions with the route service.

Find service areas

Calculate the area that can be reached in a given driving time from a location.

CesiumJS

How to find a route

Was this page helpful?

Was this page helpful?