tutorials.md

Tutorials

This page lists a variety of tutorials useful for developers thinking of working with the TWA-VF to develop new visualisations.

External tutorials

Before starting to work with the TWA-VF, it is worth reading the provided documentation (starting with the Overview page). After this, running through some of the non-TWA-VF examples provided by Mapbox and CesiumJS can help developers come to terms with general mapping concepts and the capabilities of each library.

A curated list of recommended external, non TWA-VF tutorials is shown below.

Mapbox:

• Add custom markers to a map with Mapbox GL JS
• Get started with Mapbox GL JS expressions
• Create interactive hover effects with Mapbox GL JS

CesiumJS:

Note that the tutorials provided by Cesium often contain Cesium ion API keys. These are fine to use for experimentation and feasibility studies, but cannot be used in TWA projects.

• CesiumJS Quickstart
• Visualize a Proposed Building in a 3D City
• Styling and Filtering 3D Tiles

TWA-VF tutorials

These tutorials show how to gather, host, and display data using the TWA-VF. Note that these tutorials may have been written using older versions of the TWA-VF; however, the major functionality should still stand.

• Creating a Mapbox visualisation
• Creating a CesiumJS visualisation