ContextCapture User Guide

Publish to Cesium or ContextCapture Web Viewer 2.0

ContextCapture can generate 3D models with level-of-detail in the Cesium 3D Tiles format, for streaming and display in Cesium web applications. Optionally, ContextCapture can generate a base Cesium or ContextCapture Web Viewer 2.0 application which can be published directly to the Web. Cesium is purely client-based, so the Cesium 3D Tiles data and the Cesium application can be hosted on a static Web server.

Online file storage web services/content delivery networks such as Azure Blobs/CDN or Amazon S3/CloudFront are also supported.

You can publish a 3D model to a Cesium or ContextCapture Web Viewer 2.0 application with the following steps:

  1. Produce your model in the Cesium 3D Tiles format, with the Generate base Cesium application (or ContextCapture Web Viewer 2.0 application) option checked. For Cesium application, obtain a Bing Maps API key at https://www.bingmapsportal.com to be able to use Bing Maps as a source of imagery for the Cesium globe and enter the Bing Maps API key at the top of the app_cesium/main.js file of the production. For ContextCapture Web Viewer 2.0 application this step is not necessary.

  2. Upload the entire Production folder (including both the Scene and App sub-folders) to your Web server.
  3. Access the Cesium app at the address http://your_server/your_production/App/index.html.

Optionally, before steps 3 and 4, you can customize the base application.

  • For Cesium application, in a few lines of Javascript, you can add your credits/logo, mix the 3D model generated by ContextCapture with other 3D models, raster or vector GIS data. Please refer to the Cesium tutorials to get started.
  • For ContextCapture Web Viewer 2.0 application, optionally before step 3, you can edit the configuration file resources/config.json to change basic application settings:
    • unit: unit system for measurements, metric or imperial.
    • title: web page title.

Example of 3D model of Orlando published in Cesium 3D Tiles format to a Cesium Web application. It took about a hundred lines of JavaScript code to add vector and POI data to the Cesium base application generated by {Varref: ProductName}ContextCapture