mirror of
https://github.com/NASAWorldWind/WebWorldWind.git
synced 2025-12-08 19:46:18 +00:00
102 lines
4.3 KiB
JavaScript
102 lines
4.3 KiB
JavaScript
/*
|
||
* Copyright 2003-2006, 2009, 2017, 2020 United States Government, as represented
|
||
* by the Administrator of the National Aeronautics and Space Administration.
|
||
* All rights reserved.
|
||
*
|
||
* The NASAWorldWind/WebWorldWind platform is licensed under the Apache License,
|
||
* Version 2.0 (the "License"); you may not use this file except in compliance
|
||
* with the License. You may obtain a copy of the License
|
||
* at http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing, software distributed
|
||
* under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
|
||
* CONDITIONS OF ANY KIND, either express or implied. See the License for the
|
||
* specific language governing permissions and limitations under the License.
|
||
*
|
||
* NASAWorldWind/WebWorldWind also contains the following 3rd party Open Source
|
||
* software:
|
||
*
|
||
* ES6-Promise – under MIT License
|
||
* libtess.js – SGI Free Software License B
|
||
* Proj4 – under MIT License
|
||
* JSZip – under MIT License
|
||
*
|
||
* A complete listing of 3rd Party software notices and licenses included in
|
||
* WebWorldWind can be found in the WebWorldWind 3rd-party notices and licenses
|
||
* PDF found in code directory.
|
||
*/
|
||
/**
|
||
* Illustrates how to display and pick SurfaceImages.
|
||
*/
|
||
requirejs(['./WorldWindShim',
|
||
'./LayerManager'],
|
||
function (WorldWind,
|
||
LayerManager) {
|
||
"use strict";
|
||
|
||
// Tell WorldWind to log only warnings and errors.
|
||
WorldWind.Logger.setLoggingLevel(WorldWind.Logger.LEVEL_WARNING);
|
||
|
||
// Create the WorldWindow.
|
||
var wwd = new WorldWind.WorldWindow("canvasOne");
|
||
|
||
// Create and add layers to the WorldWindow.
|
||
var layers = [
|
||
// Imagery layers.
|
||
{layer: new WorldWind.BMNGLayer(), enabled: true},
|
||
{layer: new WorldWind.BMNGLandsatLayer(), enabled: false},
|
||
{layer: new WorldWind.BingAerialWithLabelsLayer(null), enabled: true},
|
||
// Add atmosphere layer on top of all base layers.
|
||
{layer: new WorldWind.AtmosphereLayer(), enabled: true},
|
||
// WorldWindow UI layers.
|
||
{layer: new WorldWind.CompassLayer(), enabled: true},
|
||
{layer: new WorldWind.CoordinatesDisplayLayer(wwd), enabled: true},
|
||
{layer: new WorldWind.ViewControlsLayer(wwd), enabled: true}
|
||
];
|
||
|
||
for (var l = 0; l < layers.length; l++) {
|
||
layers[l].layer.enabled = layers[l].enabled;
|
||
wwd.addLayer(layers[l].layer);
|
||
}
|
||
|
||
// Create a surface image using a static image.
|
||
var surfaceImage1 = new WorldWind.SurfaceImage(new WorldWind.Sector(40, 50, -120, -100),
|
||
"data/400x230-splash-nww.png");
|
||
|
||
// Create a surface image using a static image and apply filtering to it.
|
||
var surfaceImage2 = new WorldWind.SurfaceImage(new WorldWind.Sector(50, 60, -80, -60),
|
||
"data/surface-image-nearest.png");
|
||
surfaceImage2.resamplingMode = WorldWind.FILTER_NEAREST; // or FILTER_LINEAR by default
|
||
|
||
// Create a surface image using a dynamically created image with a 2D canvas.
|
||
|
||
var canvas = document.createElement("canvas"),
|
||
ctx2d = canvas.getContext("2d"),
|
||
size = 64, c = size / 2 - 0.5, innerRadius = 5, outerRadius = 20;
|
||
|
||
canvas.width = size;
|
||
canvas.height = size;
|
||
|
||
var gradient = ctx2d.createRadialGradient(c, c, innerRadius, c, c, outerRadius);
|
||
gradient.addColorStop(0, 'rgb(255, 0, 0)');
|
||
gradient.addColorStop(0.5, 'rgb(0, 255, 0)');
|
||
gradient.addColorStop(1, 'rgb(255, 0, 0)');
|
||
|
||
ctx2d.fillStyle = gradient;
|
||
ctx2d.arc(c, c, outerRadius, 0, 2 * Math.PI, false);
|
||
ctx2d.fill();
|
||
|
||
var surfaceImage3 = new WorldWind.SurfaceImage(new WorldWind.Sector(30, 40, -100, -80),
|
||
new WorldWind.ImageSource(canvas));
|
||
|
||
// Add the surface images to a layer and the layer to the WorldWindow's layer list.
|
||
var surfaceImageLayer = new WorldWind.RenderableLayer();
|
||
surfaceImageLayer.displayName = "Surface Images";
|
||
surfaceImageLayer.addRenderable(surfaceImage1);
|
||
surfaceImageLayer.addRenderable(surfaceImage2);
|
||
surfaceImageLayer.addRenderable(surfaceImage3);
|
||
wwd.addLayer(surfaceImageLayer);
|
||
|
||
// Create a layer manager for controlling layer visibility.
|
||
var layerManager = new LayerManager(wwd);
|
||
}); |