Get started

To start building applications with ArcGIS location services and CesiumJS, follow the steps below:

1. Sign in with an ArcGIS account

You need an ArcGIS Developer account or ArcGIS Online account to develop with location services. Learn more in Accounts and subscriptions.

Get started for free with ArcGIS PlatformGet a free trial for ArcGIS Online

2. Get an ArcGIS access token

You need an access token to make requests to location services. You can either use an API key or an OAuth 2.0 token.

Get an API keyImplement OAuth 2.0

3. Get a Cesium ion access token

You need a Cesium ion account and access token to build applications with CesiumJS.

Get a Cesium ion access token

4. Build a "Hello map" app

Create your first CesiumJS application to display a scene. Include your access tokens to authenticate your application and access the basemap styles service.

This map displays the ArcGIS World Imagery map tile service.

Steps

  1. Open the code in .

  2. Replace the apiKey with your API key from the developer dashboard .

    Expand
    Use dark colors for code blocks
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
      <body>
        <div id="cesiumContainer"></div>
        <script>
    
        const apiKey = "YOUR_API_KEY";
    
        Cesium.ArcGisMapService.defaultAccessToken = apiKey;
    
        const cesiumAccessToken = "YOUR_CESIUM_ACCESS_TOKEN";
        Cesium.Ion.defaultAccessToken = cesiumAccessToken;
    
        const viewer = new Cesium.Viewer("cesiumContainer", {
    
            baseLayer: Cesium.ImageryLayer.fromProviderAsync(
                Cesium.ArcGisMapServerImageryProvider.fromBasemapType(Cesium.ArcGisBaseMapType.SATELLITE,{
                        enablePickFeatures:false
            })),
    
        });
    
        </script>
    </body>
    
    Expand
Go to full tutorial

5. Explore tutorials

Follow step-by-step tutorials to learn how to use CesiumJS with other services.

See all tutorials

Next steps

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.