Add an wmts-dimensions example

This commit is contained in:
Éric Lemoine
2015-11-06 16:53:03 +01:00
parent 0f70a21ba6
commit c3c8c4fa73
2 changed files with 103 additions and 0 deletions

View File

@@ -0,0 +1,18 @@
---
layout: example.html
title: Smooth WMTS tile transition example
shortdesc: Example of smooth tile transitions when changing the dimension of a WMTS layer.
docs: >
Demonstrates smooth reloading of layers when changing a dimension continously. The demonstration layer is a global sea-level computation (flooding computation from <a href="http://scalgo.com">SCALGO</a>, underlying data from <a href="http://www.cgiar-csi.org/data/srtm-90m-digital-elevation-database-v4-1">CGIAR-CSI SRTM</a>) where cells that are flooded if the sea-level rises to more than <em>x</em> m are colored blue. The user selects the sea-level dimension using a slider.
tags: "wmts, parameter, transition"
---
<div class="row-fluid">
<div class="span6">
<div id="map" class="map"></div>
</div>
<div class="span6 offset3">
Sea-level:
<input id="slider" type="range" value="10" step="0.25" max="100" min="-1" />
<span id="theinfo"></span>
</div>
</div>