WebWorldWind/examples/GeoTiffExample.js

/*
 * Copyright 2015-2018 WorldWind Contributors
 *
 * 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.
 */

requirejs(['./WorldWindShim',
           './LayerManager'],
    function (WorldWind,
              LayerManager) {
        "use strict";

        WorldWind.Logger.setLoggingLevel(WorldWind.Logger.LEVEL_WARNING);

        var wwd = new WorldWind.WorldWindow("canvasOne");

        var layers = [
            {layer: new WorldWind.BMNGLayer(), enabled: false},
            {layer: new WorldWind.BingAerialWithLabelsLayer(null), enabled: true},
            {layer: new WorldWind.CompassLayer(), enabled: true},
            {layer: new WorldWind.CoordinatesDisplayLayer(wwd), enabled: true},
            {layer: new WorldWind.ViewControlsLayer(wwd), enabled: true}
        ];

        // Create GeoTiff layer
        var geoTiffLayer = new WorldWind.RenderableLayer("GeoTiff");
        geoTiffLayer.enabled = false;
        geoTiffLayer.showSpinner = true;

        for (var l = 0; l < layers.length; l++) {
            layers[l].layer.enabled = layers[l].enabled;
            wwd.addLayer(layers[l].layer);
        }

        // Add GeoTiff to the WorldWindow's layer list. Disabled until its image is loaded.
        wwd.addLayer(geoTiffLayer);

        // Create a layer manager for controlling layer visibility.
        var layerManager = new LayerManager(wwd);

        var resourcesUrl = "https://worldwind.arc.nasa.gov/web/examples/data/black_sea_rgb.tif";

        var geoTiffObject = new WorldWind.GeoTiffReader(resourcesUrl);

        var geoTiffImage = geoTiffObject.readAsImage(function (canvas) {
            var surfaceGeoTiff = new WorldWind.SurfaceImage(
                geoTiffObject.metadata.bbox,
                new WorldWind.ImageSource(canvas)
            );

            geoTiffLayer.addRenderable(surfaceGeoTiff);

            geoTiffLayer.enabled = true;
            geoTiffLayer.showSpinner = false;
            layerManager.synchronizeLayerList();

            wwd.redraw();

            wwd.goTo(new WorldWind.Position(43.69, 28.54, 55000));
        });
    });