/* * 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); });