Recent Changes

Differences

This shows you the differences between two versions of the page.

--- dev:developer:examples:setfocusposition [2020/02/03 22:09]
jeroen
+++ — (current)
@@ Line 1: / Line 1: @@
-====== Example setFocusPosition ======
-Focus the Viewer to a 2D coordinate crs WGS84 (EPSG 4326).
-The preset longitude/latitude coordinate point to a location of the demo publication "San Sebastian". \\
-Open this demo publication via the token you find on https://3dmapping.cloud/try-it-now/
-<html>
-	<head>
-		<script src="https://cdn.3dmapping.cloud/20.2.0/javascript/orbitgt_3dm_sdk.js"></script>
-	</head>
-	<span style="display: flex; flex-direction: row;">
-        <span id="m3dviewer">
-        </span>
-        <span style="padding-left: 10px; display: flex; flex-direction: column; width: 200px; align-content: flex-start;">
-            <label for="lon">Longitude</label>
-            <input id="lon" type="number" value="-1.98083224"/>
-            <label for="lat">Latitude</label>
-            <input id="lat" type="number" value="43.32598276"/>
-            <label for="sub">Action</label>
-            <input id="focus-button" type="button" value="Focus Viewer" />
-        </span>
-	</span>
-    <script type="text/javascript">
-        /**
-         * Example: Focus Viewer
-         */
-        var viewer;
-        var AMap = orbitgt.mapping3d.sdk.viewer.AMap;
-        var Constants = orbitgt.mapping3d.sdk.viewer.Constants;
-        var SDKViewer = orbitgt.mapping3d.sdk.viewer.SDKViewer;
-        var Coordinate = orbitgt.mapping3d.sdk.viewer.Coordinate;
-        function handleFocus(event) {
-            let lon = parseFloat(document.getElementById("lon").value);
-            let lat = parseFloat(document.getElementById("lat").value);
-            let focus = Coordinate.fromXY("4326",lon,lat);
-            viewer.setFocusPosition(focus);
-        }
-        /**
-         * Called when something changes to the viewer state.
-         */
-         function handleAppStateChanged(state) {
-            // Save state somewhere...
-            window.localStorage.setItem("m3dviewer_state",state);
-        }
-        /**
-         * Called when the viewer component is ready for interaction.
-         */
-        function handleReady() {
-            viewer.onAppStateChanged.add(handleAppStateChanged);
-            document.getElementById("focus-button").addEventListener("click",this.handleFocus);
-        }
-        /**
-         * Called when the page is full loaded.
-         */
-        function handleDOMReady() {
-            var options = new AMap();
-            options.set(Constants.STARTUP_APP_STATE,window.localStorage.getItem("m3dviewer_state"));
-            // Create viewer
-            var appElement = document.getElementById("m3dviewer");
-            viewer = new SDKViewer("example application",appElement,options);
-            viewer.setSize(1000,500);
-            viewer.isReady.then(handleReady);
-        }
-        // Wait for page to load
-        document.addEventListener("DOMContentLoaded", handleDOMReady);
-   </script>
-</html>

Last modified:: 2020/02/03 22:09