updated canvasTiles example

IT-Enthusiast-Nepal · Oct 18, 2021 · a8a5c6d · a8a5c6d
1 parent 154be17
commit a8a5c6d
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/canvasTiles/canvasTiles.html b/canvasTiles/canvasTiles.html
@@ -18,15 +18,18 @@
             'attribution': 'Data @ OpenStreetMap contributors, ODbL'
         });
 
-        let cnv = document.createElement("canvas");
-        let ctx = cnv.getContext("2d");
-        cnv.width = 256;
-        cnv.height = 256;
-
         const tg = new og.layer.CanvasTiles("Tile grid", {
             visibility: true,
             isBaseLayer: false,
-              drawTile: function (material, applyCanvas) {
+            drawTile: function (material, applyCanvas) {
+
+                //
+                // This is important to create canvas here!
+                //
+                let cnv = document.createElement("canvas");
+                let ctx = cnv.getContext("2d");
+                cnv.width = 256;
+                cnv.height = 256;
 
                 //Clear canvas
                 ctx.clearRect(0, 0, cnv.width, cnv.height);