mattburchett/webglmapview
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Begin adding control area. Remove un-needed comment.

Browse Source
This commit is contained in:
Rob L 2016-07-08 15:07:21 -04:00
parent ec3ed413bf
commit f213489a6e
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/GUI.Utils.js Normal file
View File

@ -0,0 +1,8 @@
function openTab(tabName) {
var i;
var x = document.getElementsByClassName("tab");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(tabName).style.display = "block";
}

9
webviewgl.htm
View File

@ -4,18 +4,19 @@
<script src="js/three.js"></script> <script src="js/three.js"></script>
<script src="js/OrbitControls.js"></script> <script src="js/OrbitControls.js"></script>
<script src="js/three-text2d.js"></script> <script src="js/three-text2d.js"></script>
<script src="js/Detector.js"></script> <!-- Not sure if this is even needed anymore. --> <script src="js/Detector.js"></script>
<script src="js/mapviewgl.js"></script> <script src="js/mapviewgl.js"></script>
<style type="text/css"> <style type="text/css">
body { margin: 0; } body { margin: 0; }
canvas { width: 100%; height: 100% } canvas { width: 75%; height: 100% ; }
#reset-button { position: absolute; top:0; left:90%; background-color:#AAA; width: 50px; height:25px; color:#FFF; font-weight: bold; text-align:center;} #reset-button { position: absolute; top: 0; left: 90%; background-color: #AAA; width: 50px; height: 25px; color: #FFF; font-weight: bold; text-align: center;}
#controls { position: fixed; left: 85%; height: 100%; width: 15%; background-color: #FFF; }
</style> </style>
</head> </head>
<body> <body>
<div id="container"></div> <div id="container"></div>
<div id="reset-button" onClick="reset_view();"> Reset </div> <div id="reset-button" onClick="reset_view();"> Reset </div>
<div id="controls"> </div>
</body> </body>
</html> </html>