| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Raster Source
|
| 4 | shortdesc: Demonstrates pixelwise operations with a raster source.
|
| 5 | docs: >
|
| 6 | <p>
|
| 7 | This example uses a <code>ol.source.Raster</code> to generate data
|
| 8 | based on another source. The raster source accepts any number of
|
| 9 | input sources (tile or image based) and runs a pipeline of
|
| 10 | operations on the input pixels. The return from the final
|
| 11 | operation is used as the data for the output source.
|
| 12 | </p>
|
| 13 | <p>
|
| 14 | In this case, a single tiled source of imagery is used as input.
|
| 15 | For each pixel, the Vegetation Greenness Index
|
| 16 | (<a href="http://www.tandfonline.com/doi/abs/10.1080/10106040108542184#.Vb90ITBViko">VGI</a>)
|
| 17 | is calculated from the input pixels. A second operation colors
|
| 18 | those pixels based on a threshold value (values above the
|
| 19 | threshold are green and those below are transparent).
|
| 20 | </p>
|
| 21 | tags: "raster, pixel"
|
| 22 | resources:
|
| 23 | - https://d3js.org/d3.v3.min.js
|
| 24 | cloak:
|
| 25 | As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5: Your Bing Maps Key from http://www.bingmapsportal.com/ here
|
| 26 | ---
|
| 27 | <div class="rel">
|
| 28 | <div id="map" class="map"></div>
|
| 29 | <div id="plot"></div>
|
| 30 | </div>
|