Knowledge Base
Recent Changes

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
Last revision Both sides next revision
dev:viewer:sdk:examples_js:autologin_cloud [2020/10/09 13:00]
pieter 		dev:viewer:sdk:examples_js:autologin_cloud [2023/10/02 18:42]
pieter
Line 1: Line 1:
-====== Example loginOptions 3DM Cloud ====== +====== Example: Autologin to 3DM Cloud as Guest ======
  
 <html> <html>
-    <script src="https://cdn.3dmapping.cloud/20.7.0/javascript/orbitgt_3dm_sdk.js?autoupdate_noredirect=true"></script> +<script> 
-    <div id="m3dviewer"/>+    let exampleUrl = "https://cdn.3dmapping.cloud/stable/javascript_examples/example11.html"; 
 +</script> 
 + 
 +<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.1/styles/default.min.css" 
 +    integrity="sha512-kZqGbhf9JTB4bVJ0G8HCkqmaPcRgo88F0dneK30yku5Y/dep7CZfCnNml2Je/sY4lBoqoksXz4PtVXS4GHSUzQ==" 
 +    crossorigin="anonymous" /> 
 + 
 +<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.1/highlight.min.js" 
 +    integrity="sha512-Ypjm0o7jOxAd4hpdoppSEN0TQOC19UtPAqD+4s5AlXmUvbmmS/YMxYqAqarQYyxTnB6/rqip9qcxlNB/3U9Wdg==" 
 +    crossorigin="anonymous"></script> 
 + 
 +<span id="example"></span> 
 +<br /> 
 +<br /> 
 +<input type="button" value="Show Source" onclick="toggleShowSource()"></input> 
 +<span id="showsource"></span> 
 + 
 +<script> 
 + 
 +    let toggleShowSource = () => { 
 +        let element = document.getElementById("showsource"); 
 +        element.style.display = element.style.display == 'none' ? 'block' : 'none'; 
 +    } 
 + 
 +    fetch(exampleUrl) 
 +        .then(response => response.text()) 
 +        .then(text => {
  
-    <script type="text/javascript">+            try { 
 +                // add example in iframe 
 +                let frame = document.createElement("iframe"); 
 +                frame.style.border = 'none'; 
 +                frame.style.overflow = 'auto'; 
 +                frame.width = 950; 
 +                frame.height = 420; 
 +                frame.srcdoc = text; 
 +                document.getElementById("example").appendChild(frame);
  
-        var viewer;+                // add 'showsource' section 
 +                let pre = document.createElement("pre"); 
 +                pre.classList.add("code"); 
 +                pre.classList.add("html4strict"); 
 +                pre.textContent = text; 
 +                document.getElementById("showsource").style.display = 'none'; 
 +                document.getElementById("showsource").style.fontSize = '12px'; 
 +                document.getElementById("showsource").appendChild(pre);
  
-        var AMap = orbitgt.mapping3d.sdk.viewer.AMap; +                // highlight 
-        var Constants = orbitgt.mapping3d.sdk.viewer.Constants; +                hljs.highlightBlock(pre);
-        var SDKViewer = orbitgt.mapping3d.sdk.viewer.SDKViewer; +
-        var Coordinate = orbitgt.mapping3d.sdk.viewer.Coordinate;+
  
-        /** +            } catch (error) { console.error(error); }
-         * Called when the viewer component is ready for interaction. +
-         */ +
-        function handleReady() { +
-             +
-            let c = viewer.transformCoordinate(Coordinate.fromXYZ("32635",554409.311,6005381,224),"4326"); +
-            console.log("test",c); +
-        }+
  
-        /** +        });
-         * Called when the page is full loaded. +
-         */ +
-        function handleDOMReady() { +
-            // Create viewer startup options +
-            var loginOptions = new AMap(); +
-            loginOptions.set(Constants.LOGIN_MODE, Constants.LOGINMODE_GUEST_CLOUD); +
-            loginOptions.set(Constants.LOGIN_PUBLICATION_PUBLIC_ID, "CldMRasjNYPbnBQcyo3A"); +
-            var options = new AMap(); +
-            options.set(Constants.STARTUP_AUTO_LOGIN,loginOptions); +
-            // 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 +</script>
-        document.addEventListener("DOMContentLoaded", handleDOMReady);+
  
-   </script> 
 </html> </html>
 
Last modified:: 2023/10/04 12:42