Offline Example-Web WorldWind/NASA WorldWind

Hosting Locally

The Data

Host the WorldWind library and the images folder on your local HTTP server:

https://YOUR_SERVER/worldwind.min.js
https://YOUR_SERVER/image/

Get some data and unpack to:

https://YOUR_SERVER/standalone/

You can also use this example data from NASA. Note that the naming of the folder being “standalone” is specific to the example data from NASA. With custom data, the folder could be named anything.

The Script

Add the WorldWind library:

<script src="https://YOUR_SERVER/worldwind.min.js" type="text/javascript"/>

Create an HTML5 canvas:

<canvas id="canvasOne" width="1024" height="768">
    Your browser does not support HTML5 Canvas.
</canvas>

Load the data in WorldWind:

// Use a local elevation coverage rather than the defaults.
var elevationCoverage = new WorldWind.EarthRestElevationCoverage("../standalonedata/Earth/DTED0");
var elevationModel = new WorldWind.ElevationModel();
elevationModel.addCoverage(elevationCoverage);

// Create a WorldWindow for the canvas using the local elevations data.        
var wwd = new WorldWind.WorldWindow("canvasOne", elevationModel);

// Add the local Blue Marble layer that retrieves imagery from local standalone data.
var blueMarble = new WorldWind.BMNGRestLayer(null, "../standalonedata/Earth/BlueMarble256/");
wwd.addLayer(blueMarble);

// Add the local Landsat layer (this offline data covers only a sector of the globe in North America)
var landSat = new WorldWind.LandsatRestLayer(null, "../standalonedata/Earth/Landsat");
wwd.addLayer(landSat);

You can see a complete example in the GitHub repository: https://github.com/NASAWorldWind/WebWorldWind/blob/develop/apps/Offline.html