This project shows how to use GIBS as a tile source for OpenLayers, Leaflet, Cesium, Mapbox GL, Bing, and Google Maps
- OpenLayers
- Leaflet
- Cesium
- Mapbox GL
- Bing
- Google Maps
Clone the repository, then:
npm install
npm startNavigate your browser to http://localhost:3001.
All examples show a single layer. Visit the GIBS Available Imagery Products for parameters needed to display other layers.
The WMTS standard does not provide a way to select a specific time or date for a layer. GIBS has implemented this feature in the following way:
- WMTS KVP: Use the
TIMEparameter to select a day inYYYY-MM-DDformat. - WMTS REST: Add the day in
YYYY-MM-DDformat between style name and the tile matrix set name
See the "Rolling Seven Day Slider" examples for more information.
The Web Mercator endpoints return a blank map at zoom level zero due to a bug in the tiling software. This issue will be fixed sometime in the future.
Some of the mapping libraries will attempt to fetch tiles outside the boundaries of the tile matrix. GIBS returns error codes when these tile requests are made.
Worldview is a web application that uses GIBS as its primary image source.
This example uses OpenLayers version 5.1.3.
If geometry transformations are required using coordinates in the polar systems, proj4js, version 2, must be included. This example uses proj4js version 2.4.3. This is not required to simply display the map.
This example uses Leaflet version 1.3.3.
To properly support the polar projections, the Proj4Leaflet plugin must be used. This example uses Proj4Leaflet version 1.0.1.
Gaps can sometimes be seen between the map tiles. Use the workaround found here: Leaflet/Leaflet#3575
This example uses Cesium version 1.47.
Use this GeographicTilingScheme when accessing the EPSG:4326 GIBS endpoint.
This example uses Mapbox GL version 0.47.
This example uses the Bing Maps Control, version 8.
This example uses the Google Maps API, version 3.
Send questions or comments to support@earthdata.nasa.gov