Home

Awesome

georaster-layer-for-leaflet-example

Simple Example of GeoRasterLayer for Leaflet

Main demo

https://geotiff.github.io/georaster-layer-for-leaflet-example/

Other Examples

#DescriptionSource CodeDemoNote
1Loading the georaster-layer-for-leaflet library via a script tagcodedemo
2Loading a Cloud Optimized GeoTIFF via a script tagcodedemo
3Display Wind Direction arrows by using the customDrawFunction optioncodedemo
4Loading the georaster-layer-for-leaflet library along with GeoBlaze via a script tagcodedemo
5Loading a GeoTIFF file via a file input tag and loading the georaster-layer-for-leaflet and georaster libraries via script tagscodedemo
6Combining two Cloud Optimized GeoTIFFs together to create an NDVI mapcodedemo
7Display with a color scalecodedemo
8Identifying Wildfires from a Landsat 8 Scenecodedemo
9Visualizing Population COGcodedemo
10Displaying Bathymetry Layer from a COGcodedemo
11Display a COG in an Angular Applicationcoden/aThe Map Component is here. In order to run it, clone this repo, change into the georaster-layer-angular-example directory, install npm dependencies, and run npm run start.
12Display a COG that represents only one band of a Landsat scenecodedemo
13Loading a Cloud Optimized GeoTIFF via a URL Parametercodedemo
14Display a COG with YCbCr Photometric Interpretationcodedemo
15Display a Scene where the Red, Green, and Blue bands are stored in separate COG filescodedemo
11Elevation model for the city of Lisboncodedemo
<!--Only display pixels within a certain range. You can view the source code [here](https://github.com/GeoTIFF/georaster-layer-for-leaflet-example/blob/master/examples/thresholding.html) and the live demo [here](https://geotiff.github.io/georaster-layer-for-leaflet-example/examples/thresholding.html).-->