---
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>