1 | ---
|
2 | layout: example.html
|
3 | title: Symbols with WebGL
|
4 | shortdesc: Using symbols in an atlas with WebGL.
|
5 | docs: >
|
6 | <p>When using symbol styles with WebGL, OpenLayers would render the symbol
|
7 | on a temporary image and would create a WebGL texture for each image. For a
|
8 | better performance, it is recommended to use atlas images (similar to
|
9 | image sprites with CSS), so that the number of textures is reduced. OpenLayers
|
10 | provides an <code>AtlasManager</code>, which when passed to the constructor
|
11 | of a symbol style, will create atlases for the symbols.</p>
|
12 | tags: "webgl, symbol, atlas, vector, point"
|
13 | ---
|
14 | <div id="map" class="map"></div>
|