3D development guide

ArcGIS API for JavaScript

Web AppBuilder is built on two versions of ArcGIS API for JavaScript: 3.x and 4.x. The builder and the 2D app are built on version 3.x, while the 3D app is built on version 4.x. There is one exception: because the settings page runs in the builder, the 3D widget settings page is built on 3.x.

3D widgets

The 3D widgets are very similar to the 2D widgets. Consequently, you can follow the 2D widget development guide to create 3D widgets, with the following exceptions:

• Because the map property uses sceneView, use this.sceneView to access the scene view in your widget.
• Use the stemapp3d/widgets folder for your 3D widgets.
• In the widget manifest.json file, set 3D as True and Platform as HTML3D.
  "3D": true
  “platform”: “HTML3D”

• Use ArcGIS API for JavaScript 4.0 to develop 3D widgets at run time, but use 3.17 to create the 3D widgets setting page in the builder.

3D themes

The 3D themes are very similar to the 2D themes. Consequently, you can follow the 2D theme development guide to create 3D themes, with the following exceptions:

• Because the map property uses sceneView, use this.sceneView to access the scene view in your widget and panels.
• Save your theme in the stemapp3d/themes folder.
• In the theme manifest.json file, set “platform”: “HTML3D”.