<title>bb</title> <script src="./threejs/three.min.js"></script> <script src="./threejs/OrbitControls.js"></script> <script src="./threejs/ViewHelper.js"></script> <script src="./tweenjs/tween.js"></script> <script src="./Qgis2threejs.js"></script> <script src="./dat-gui/dat.gui.min.js"></script> <script src="./dat-gui_panel.js"></script>

×

<!-- query result -->
<div id="queryresult">
  <table id="qr_coords_table">
    <caption>Clicked coordinates <div id="zoomtopoint" class="action-zoom zoombtn"></div></caption>
    <tr><td id="qr_coords"></td></tr>
  </table>

  <table id="qr_layername_table">
    <caption>Layer <div id="zoomtolayer" class="action-zoom zoombtn"></div></caption>
    <tr><td id="qr_layername"></td></tr>
  </table>

  <table id="qr_attrs_table">
    <caption>Attributes</caption>
  </table>

  <!-- camera actions and measure tool -->
  <div id="orbitbtn" class="action-btn action-orbit">Orbit</div>
  <div id="measurebtn" class="action-btn">Measure distance</div>
</div>

<!-- page info -->
<div id="pageinfo">
  <h1>Current View URL</h1>
  <div><input id="urlbox" type="text"></div>

  <h1>Usage</h1>
  <table id="usage">
    <tr><td colspan="2" class="star">Mouse</td></tr>
    <tr><td>Left button + Move</td><td>Orbit</td></tr>
    <tr><td>Mouse Wheel</td><td>Zoom</td></tr>
    <tr><td>Right button + Move</td><td>Pan</td></tr>

    <tr><td colspan="2" class="star">Keys</td></tr>
    <tr><td>Arrow keys</td><td>Move Horizontally</td></tr>
    <tr><td>Shift + Arrow keys</td><td>Orbit</td></tr>
    <tr><td>Ctrl + Arrow keys</td><td>Rotate</td></tr>
    <tr><td>Shift + Ctrl + Up / Down</td><td>Zoom In / Out</td></tr>
    <tr><td>L</td><td>Toggle Label Visibility</td></tr>
    <tr><td>R</td><td>Start / Stop Orbit Animation</td></tr>
    <tr><td>W</td><td>Wireframe Mode</td></tr>
    <tr><td>Shift + R</td><td>Reset Camera Position</td></tr>
    <tr><td>Shift + S</td><td>Save Image</td></tr>
  </table>

  <h1>About</h1>
  <div id="about">
    This page was made with <a href="https://www.qgis.org/">QGIS</a> and <a href="https://github.com/minorua/Qgis2threejs">Qgis2threejs</a> plugin (version 2.7.1).
    <div>Powered by <a href="https://threejs.org/">three.js</a>,
    <a href="https://code.google.com/p/dat-gui/">dat-gui</a>
    <span id="lib_proj4js"> and <a href="https://trac.osgeo.org/proj4js/">Proj4js</a></span>.</div>
  </div>
</div>

<script> Q3D.Config.viewpoint = {lookAt:{x:443307.574900979,y:4475391.620593038,z:0.0},pos:{x:443179.5936723021,y:4473227.636817304,z:1282.795480768618}}; Q3D.Config.localMode = true; Q3D.Config.gui.customPlane = true; Q3D.Config.animation.enabled = true; Q3D.Config.animation.startOnLoad = true; Q3D.Config.animation.repeat = true; var container = document.getElementById("view"), app = Q3D.application, gui = Q3D.gui; app.init(container); // initialize viewer // load the scene app.loadSceneFile("./data/bb/scene.js", function (scene) { // scene file has been loaded app.start(); gui.dat.initLayersFolder(scene); }, function (scene) { // all relevant files have been loaded if (Q3D.Config.gui.customPlane) { var zMin = undefined, zMax = undefined; gui.dat.initCustomPlaneFolder(zMin, zMax); } }); </script>