ArcGIS API for JavaScript - Recent Proceedings

49 Pages·2015·5.76 MB·English

ArcGIS API for JavaScript
Building 3D Web Apps
Jeremy Bartley, Javier Gutierrez, Johannes Schmid
Outline
• From 3.x to 4.0
• Simple examples: map and layers
• Web3D symbology
- Introduction
- Examples
- Elevation mode
• 3D view configuration
Outline
• From 3.x to 4.0
• Simple examples: map and layers
• Web3D symbology
- Introduction
- Examples
- Elevation mode
• 3D view configuration
Extending the ArcGIS JavaScript API to 3D
• ArcGIS API for JavaScript 4.0
- One API for 2D and 3D
Primary public interface View-specific interface
Unified for 2D and 3D
Map View2VDi e| wView3D
Layers Layers
Layers Layers
Layers LayerViews
View-specific implementation
General changes from 3.x to 4.0
• Unified property access with dojo/Stateful
Old (3.x) New (4.0)
Read or
map.property map.getProperty() map.get("property")
Write or
map.property = 10 map.setProperty(10) map.set("property", 10)
Change event
map.on("property-change", ...) map.watch("property", ...)
General changes from 3.x to 4.0
• Unified property access with dojo/Stateful
• Core objects (Map, Layer) are Promises
- Promise fulfilled when object is fully initialized
ArcGIS API 3.x ArcGIS API 4.0
map.on("load", function() { map.then(function() {
// map is initialized // map is initialized
}); });
General changes from 3.x to 4.0
• Unified property access with dojo/Stateful
• Core objects (Map, Layer) are Promises

• map.addLayer(layer) map.add(layer)
Outline
• From 3.x to 4.0
• Simple examples: map and layers
• Web3D symbology
- Introduction
- Examples
- Elevation mode
• 3D view configuration