GeoTour-JS

What do we need?

  • A map
  • Lines between places I've been
  • Names of places
  • Animated

Key Features

  • Use Feature Services
  • Time-based animation
  • 2D/3D
  • Calculate lines, or use real routes

Feature Services

 

  • ArcGIS Online Directions Service reads…
    •  Name, Sequence fields
  • Save Directions
  • Publish as Feature Service

Time-Based Animation

 

  • window.requestAnimationFrame()
  • Date object is a mess
  • Manage timing with performance.now()

2D/3D

 

  • Step 1: Replace MapView with SceneView

ArcGIS JS 4 API FTW!

Calculate Lines

 

JS geometryEngine

 

geodesicDensify()

 

duration, length, to get Densify Distance

 

Extra Features

  • Dojo Component
  • Configurable
  • URL Parameters

GeoTour-JS

GeoTour-JS Speedgeeking

By Nicholas Furness

GeoTour-JS Speedgeeking

  • 1,541