Add an example for the WebGLPointsLayer with editable style

This commit is contained in:
Olivier Guyot
2019-09-24 17:26:14 +02:00
parent 4d7562fca2
commit cb2c596a6d
3 changed files with 86 additions and 0 deletions

View File

@@ -0,0 +1,19 @@
---
layout: example.html
title: WebGL points layer
shortdesc: Using a WebGL-optimized layer to render a large quantities of points
docs: >
<p>This example shows how to use a `WebGLPointsLayer` to show a large amount of points on the map.</p>
tags: "webgl, point, layer, feature"
---
<div id="map" class="map"></div>
<label>Current style used for the layer</label>
<textarea style="width: 100%; height: 20rem; font-family: monospace; font-size: small;" id="style-editor"></textarea>
<small id="style-valid" style="display: none; color: forestgreen">
✓ style is valid
</small>
<small id="style-invalid" style="display: none; color: grey">
✗ style not yet valid...
</small>