| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Layer Z-Index
|
| 4 | shortdesc: Example of ordering layers using Z-index.
|
| 5 | docs: >
|
| 6 | There are are two managed layers (square and triangle) and one unmanaged layer (star).</br>
|
| 7 | The Z-index determines the rendering order; with {square: 1, triangle: 0, star: unmanaged} indices, the rendering order is triangle, square and star on top.
|
| 8 |
|
| 9 | tags: "layer, ordering, z-index"
|
| 10 | ---
|
| 11 | <div id="map" class="map"></div>
|
| 12 | <div>
|
| 13 | <label for="idx1">
|
| 14 | <input type="number" id="idx1"></input>
|
| 15 | Square layer Z-index
|
| 16 | </label></br>
|
| 17 |
|
| 18 | <label for="idx2">
|
| 19 | <input type="number" id="idx2"></input>
|
| 20 | Triangle layer Z-index
|
| 21 | </label>
|
| 22 | </div>
|