Fix toggleBtn issue

alex2wong · May 2, 2019 · 7a258b8 · 7a258b8
1 parent 7d519ec
commit 7a258b8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@ <h4>Game of Throne 3d Map</h4>
     <div id='map'></div>
     <div class="toggleBtn">
         <input type="checkbox" name="toggleTerrain" id="toggleTerrain" 
-            onchange="toggleTerrain()" checked>
+            onchange="toggleTerrain()" checked disabled>
         <label for="toggleTerrain">toggle terrain</label>
     </div>
 </div>

diff --git a/src/textureloader.js b/src/textureloader.js
@@ -90,6 +90,10 @@ function addTexture(texture) {
     bufferPlaneMesh.rotation.x -= Math.PI / 2
     bufferPlaneMesh.receiveShadow = true;
     scene.add(bufferPlaneMesh);
+    var toggleBtn = document.querySelector('#toggleTerrain');
+    if (toggleBtn) {
+        toggleBtn.disabled = false;
+    }
     var statusBar = document.querySelector("#reset");
     if (statusBar) {
         statusBar.innerHTML = "receive data completed.";
@@ -98,7 +102,9 @@ function addTexture(texture) {
 }
 
 function toggleTerrain() {
-    bufferPlaneMesh.visible = !bufferPlaneMesh.visible;
+    if (bufferPlaneMesh) {
+        bufferPlaneMesh.visible = !bufferPlaneMesh.visible;
+    }
 }
 
 function customObj3d() {