three-map-controls demo

by Alexander Pilafian

HTML

<script src="https://rawcdn.githack.com/windfish-studio/three-map-controls/536661bf1a3fc35fefa78476fcd5e24efb869089/dist/vendor.js"></script>
<script src="https://rawcdn.githack.com/windfish-studio/three-map-controls/v1.1.5/dist/three-map-controls.js"></script>
<script src="https://rawcdn.githack.com/windfish-studio/three-map-controls/v1.1.5/dist/demo.js"></script>
<!--Scroll or use touch gestures to zoom, click-drag to pan, double-click for zoomToFit-->

<div id="controls">
    <a id="sphere-link" onclick="window.demo.setMode('sphere')">Toggle Sphere Mode</a>
    <a id="plane-link" onclick="window.demo.setMode('plane')">Toggle Plane Mode</a>
    <br />
    <label>
        Render Camera-View Bounding Box:
        <input type="checkbox" id="toggleCamDebug" />
    </label>
</div>

CSS

body {
    margin: 0px;
}

div#controls {
    font-family: Arial;
    position: fixed;
    color: white;
    cursor: pointer;
}

JavaScript

window.MapControlsDemo();