ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added a new example for webgl icons rendering

Browse Source
This commit is contained in:
jahow
2018-12-10 23:43:21 +01:00
committed by Olivier Guyot
parent 62c7a49943
commit fad7c7edb1
4 changed files with 80474 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
examples/icon-sprite-webgl.html Normal file
View File

@@ -0,0 +1,17 @@
---
layout: example.html
title: Icon Sprites with WebGL
shortdesc: Rendering many icons with WebGL
docs: >
This example shows how to use `ol/renderer/webgl/PointsLayer` to render
a very large amount of sprites. The above map is based on a dataset from the National UFO Reporting Center: each
icon marks a UFO sighting according to its reported shape (disk, light, fireball...). The older the sighting, the redder
the icon.
A very simple sprite atlas is used in the form of a PNG file containing all icons on a grid. Then, the `texCoordCallback`
option of the `ol/renderer/webgl/PointsLayer` constructor is used to specify which sprite to use according to the sighting shape.
The dataset contains around 80k points and can be found here: https://www.kaggle.com/NUFORC/ufo-sightings
tags: "webgl, icon, sprite, point, ufo"
---
<div id="map" class="map"></div>