From 05a0600fe584a800137dbf6cc387959b23ec8481 Mon Sep 17 00:00:00 2001
From: Olivier Guyot <olivier.guyot@camptocamp.com>
Date: Sat, 31 Aug 2019 08:59:34 +0200
Subject: [PATCH] Webgl icon example / render map when texture ready

---
 examples/icon-sprite-webgl.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/examples/icon-sprite-webgl.js b/examples/icon-sprite-webgl.js
index 08f875e634..ab885e35d6 100644
--- a/examples/icon-sprite-webgl.js
+++ b/examples/icon-sprite-webgl.js
@@ -17,7 +17,7 @@ const vectorSource = new Vector({
   attributions: 'National UFO Reporting Center'
 });
 
-const texture = document.createElement('img');
+const texture = new Image();
 texture.src = 'data/ufo_shapes.png';
 
 // This describes the content of the associated sprite sheet
@@ -136,3 +136,7 @@ map.on('pointermove', function(evt) {
     info.innerText = 'On ' + datetime + ', lasted ' + duration + ' seconds and had a "' + shape + '" shape.';
   });
 });
+
+texture.addEventListener('load', function() {
+  map.render();
+});