Get started

Sign up for an ArcGIS account to start building applications with CesiumJS:

Create an account to access, manage, and monitor the use of location services.

Get a free account for ArcGIS Location Platform Get a free trial and account for ArcGIS Online

Browse the topics to learn what you can build with CesiumJS.

Create developer credentials so you can get an access token.

Create API key credentials Create OAuth 2.0 credentials (for user authentication)

Build your first CesiumJS application to display a scene.

Expand
Use dark colors for code blocksCopy
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
49
50
51
52
53
  <body>
    <div id="cesiumContainer"></div>
    <script>

    const accessToken = "YOUR_ACCESS_TOKEN";

    Cesium.ArcGisMapService.defaultAccessToken = accessToken;

    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
        })),

    });

    // Add Esri attribution
    // Learn more in https://esriurl.com/attribution
    const poweredByEsri = new Cesium.Credit("Powered by <a href='https://www.esri.com/en-us/home' target='_blank'>Esri</a>", true)
    viewer.creditDisplay.addStaticCredit(poweredByEsri);

    </script>
</body>
Expand
This map displays the ArcGIS World Imagery map tile service.

Go to the tutorial See all tutorials

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