/* * 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 export surface shapes in GeoJSON. */ 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.BingAerialLayer(null), enabled: false}, {layer: new WorldWind.BingAerialWithLabelsLayer(null), enabled: true}, {layer: new WorldWind.BingRoadsLayer(null), enabled: false}, // 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 layer to contain all surface shapes. var shapesLayer = new WorldWind.RenderableLayer("Surface Shapes"); wwd.addLayer(shapesLayer); // Create and add different surface shapes to export to GeoJSON. // For more information on surface shapes, see the SurfaceShapes example. // Set common attributes for all surface shapes. var attributes = new WorldWind.ShapeAttributes(null); attributes.outlineColor = WorldWind.Color.BLUE; attributes.outlineWidth = 2; attributes.interiorColor = new WorldWind.Color(1, 1, 1, 1.0); // Create a polyline with three points. var boundary = []; boundary.push(new WorldWind.Location(40, -100)); boundary.push(new WorldWind.Location(50, -110)); boundary.push(new WorldWind.Location(40, -120)); var polyline = new WorldWind.SurfacePolyline(boundary, attributes); shapesLayer.addRenderable(polyline); // Create a triangle polygon with a hole in it. var boundaries = []; boundaries[0] = []; // outer boundary boundaries[0].push(new WorldWind.Location(40, -70)); boundaries[0].push(new WorldWind.Location(45, -80)); boundaries[0].push(new WorldWind.Location(40, -90)); boundaries[1] = []; // inner boundary boundaries[1].push(new WorldWind.Location(41, -87)); boundaries[1].push(new WorldWind.Location(44, -80)); boundaries[1].push(new WorldWind.Location(41, -73)); var hollowTriangle = new WorldWind.SurfacePolygon(boundaries, attributes); shapesLayer.addRenderable(hollowTriangle); // Create an ellipse. var ellipseCenter = new WorldWind.Location(35.00, -104.95); var ellipse = new WorldWind.SurfaceEllipse(ellipseCenter, 300e3, 200e3, 0, attributes); shapesLayer.addRenderable(ellipse); // Create a sector. var sector = new WorldWind.Sector(33, 37, -88, -83); var surfaceSector = new WorldWind.SurfaceSector(sector, attributes); shapesLayer.addRenderable(surfaceSector); // Create a placemark. var placemark = new WorldWind.Placemark(new WorldWind.Position(41, -95, 0), true, null); var placemarkAttributes = new WorldWind.PlacemarkAttributes(null); placemarkAttributes.imageScale = 1; placemarkAttributes.imageColor = WorldWind.Color.WHITE; placemarkAttributes.labelAttributes.offset = new WorldWind.Offset( WorldWind.OFFSET_FRACTION, 0.5, WorldWind.OFFSET_FRACTION, 1.5); placemarkAttributes.imageSource = WorldWind.configuration.baseUrl + "images/white-dot.png"; placemark.label = "Test point"; placemark.altitudeMode = WorldWind.CLAMP_TO_GROUND; placemark.attributes = placemarkAttributes; shapesLayer.addRenderable(placemark); // Export the surface shapes on click and display them in a text box. function onExportGeoJSON() { // This is the actual export action. var exportedGeoJSON = WorldWind.GeoJSONExporter.exportRenderables(shapesLayer.renderables); document.getElementById("geoJSONTxtArea").value = exportedGeoJSON; } document.getElementById("exportGeoJSONBtn").onclick = onExportGeoJSON; // Create a layer manager for controlling layer visibility. var layerManger = new LayerManager(wwd); });