Added function that hides Cesium's compass and zooming buttons on mobile.

Author: Son-HNguyen

3dwebclient/MobileController.js

@@ -18,6 +18,7 @@
         this.watchInfoboxVisibility();
 
         this.hideCredits();
+        this.hideNavigationDiv();
         this.hideInspector();
 
         this.setInfoboxFullscreen();
@@ -103,6 +104,23 @@
         }
     }
 
+    /**
+     * Hide navigation tools (compass + zooming).
+     * 
+     * @returns {undefined}
+     */
+    MobileController.prototype.hideNavigationDiv = function () {
+        var scope = this;
+
+        var loop = window.setInterval(function () {
+            var navDiv = document.getElementById("navigationDiv");
+            if (Cesium.defined(navDiv)) {
+                navDiv.parentNode.removeChild(navDiv);
+                clearInterval(loop);
+            }
+        }, 10);
+    }
+
     /**
      * Hide inspector that shows number of cached and loaded tiles.
      * 
@@ -112,8 +130,11 @@
         var scope = this;
 
         if (scope._isMobile) {
-            document.getElementById("citydb_cachedTilesInspector").style.display = "none";
-            document.getElementById("citydb_showedTilesInspector").style.display = "none";
+            var cachedTiles = document.getElementById("citydb_cachedTilesInspector");
+            cachedTiles.style.display = "none";
+
+            var showedTiles = document.getElementById("citydb_showedTilesInspector");
+            showedTiles.style.display = "none";
         }
     }
 

3dwebclient/css/MobileFullscreenStyles.css

@@ -32,6 +32,7 @@
     width: 95vw!important;
     overflow: hidden;
     position: absolute;
+    margin-top: 15px;
     z-index: 1!important;
 }