ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adjustments to NumpyTiles example

Browse Source
This commit is contained in:
Tim Schaub
2021-09-16 09:44:43 -06:00
parent 3fc8217254
commit 0783a8211f
3 changed files with 52 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
examples/numpytile.html
View File

@@ -1,20 +1,22 @@
---
layout: example.html
title: Rendering 16-bit NumpyTiles
shortdesc: Renders a multi-byte depth source image directly using webGL.
shortdesc: Renders a multi-byte depth source image directly using WebGL.
docs: >
Use the NumpyTile format to render multibyte raster data.
tags: "numpytiles"
This example uses a <code>ol/source/DataTile</code> source to load multi-byte raster data in the
<a href="https://github.com/planetlabs/numpytiles-spec/"></a>NumpyTile</a> format.
The source is rendered with a <code>ol/layer/WebGLTile</code> layer. Adjusting the sliders above
performs a contrast stretch by adjusting the style variables set on the layer.
tags: "numpytiles, webgl"
resources:
- https://unpkg.com/@planet/ol-numpytiles@2.0.2/umd/NumpyLoader.js
---
<div id="map" class="map"></div>
<div>
<h5>Adjust colors</h5>
<h5>Contrast stretch</h5>
<ul>
<li><b>Min:</b> <input type="range" min="1000" max="10000" id="color-floor"/></li>
<li><b>Max:</b> <input type="range" min="10000" max="50000" id="color-ceil"/></li>
<li>Min <input type="range" min="1000" max="10000" id="input-min"/> <span id="output-min"></span></li>
<li>Max <input type="range" min="10000" max="50000" id="input-max"/> <span id="output-max"></span></li>
</ul>
</div>
<script type="text/javascript" src="https://unpkg.com/@planet/ol-numpytiles@2.0.2/umd/NumpyLoader.js"></script>