Aria EarthMOOG - Space Apps Challenge

Team Updates

NASA GIBS: What an amazing resource for incredible Earth observation and remote sensing data!

https://wiki.earthdata.nasa.gov/display/GIBS/

They've got a lot of great documentation and resources for developers too, even some great examples to get you started!

https://wiki.earthdata.nasa.gov/display/GIBS/GIBS+...

Go from zero to web map in a few minutes, with almost any geospatial tool or library you want to use!

Orestis Herodotou

      
        import WMTSCapabilities from 'ol/format/WMTSCapabilities.js';
      
        import WMTS, {optionsFromCapabilities} from 'ol/source/WMTS';
      
        // App
      
        import {GIBS_CAPABILITIES_URL} from './constants';
      
        // Define the WMTS Capabilities Parser
      
        const parser = new WMTSCapabilities();
      
        // Get Capabilities from GIBS
      
        export const fetchGibsCapabilities = () =>
      
            fetch(GIBS_CAPABILITIES_URL)
      
                .then(response => response.text())
      
                .then(text => parser.read(text));
      
        // Get a layer object by id/identifier of the layer from a capabilities list
      
        export const getLayerById = (id, capabilities) =>
      
            capabilities &&
      
            capabilities.Contents.Layer.find(item => item.Identifier === id);
      
        // Create a layer source from a layer and and capabilities
      
        export const createWMTSsourceFromCapabilities = (layerId, capabilities) => {
      
            // Create options from the capabilities list for the new current layer
      
            const options = optionsFromCapabilities(capabilities, {
      
                layer: layerId,
      
                crossOrigin: 'anonymous',
      
                wrapX: false
      
            });
      
            // Create a new source object using the options
      
            const newSource = new WMTS(options);
      
            // Get the dimensions for the source
      
            const dimensions = newSource.getDimensions();
      
            // Update the dimensions, because the URL expects {Time} not {time}
      
            newSource.updateDimensions({Time: dimensions.time});
      
            return newSource;
      
        };

view raw gibs-capabilities.js hosted with ❤ by GitHub

Orestis Herodotou

Space Apps Challenge 2018

Aria EarthMOOG | Artify the Earth

Team Updates

	import WMTSCapabilities from 'ol/format/WMTSCapabilities.js';
	import WMTS, {optionsFromCapabilities} from 'ol/source/WMTS';

	// App
	import {GIBS_CAPABILITIES_URL} from './constants';

	// Define the WMTS Capabilities Parser
	const parser = new WMTSCapabilities();

	// Get Capabilities from GIBS
	export const fetchGibsCapabilities = () =>
	fetch(GIBS_CAPABILITIES_URL)
	.then(response => response.text())
	.then(text => parser.read(text));

	// Get a layer object by id/identifier of the layer from a capabilities list
	export const getLayerById = (id, capabilities) =>
	capabilities &&
	capabilities.Contents.Layer.find(item => item.Identifier === id);

	// Create a layer source from a layer and and capabilities
	export const createWMTSsourceFromCapabilities = (layerId, capabilities) => {
	// Create options from the capabilities list for the new current layer
	const options = optionsFromCapabilities(capabilities, {
	layer: layerId,
	crossOrigin: 'anonymous',
	wrapX: false
	});

	// Create a new source object using the options
	const newSource = new WMTS(options);

	// Get the dimensions for the source
	const dimensions = newSource.getDimensions();

	// Update the dimensions, because the URL expects {Time} not {time}
	newSource.updateDimensions({Time: dimensions.time});

	return newSource;
	};