Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
dev:viewer:sdk:examples_js:autologin_cloud [2020/06/23 14:02] pieter |
dev:viewer:sdk:examples_js:autologin_cloud [2023/10/04 12:42] (current) pieter |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Example | + | ====== Example: Autologin to 3DM Cloud as Guest ====== |
< | < | ||
- | | + | <script> |
- | <div id="m3dviewer"/> | + | let exampleUrl |
+ | </ | ||
+ | |||
+ | <link rel=" | ||
+ | integrity=" | ||
+ | crossorigin=" | ||
+ | |||
+ | <script src=" | ||
+ | integrity=" | ||
+ | crossorigin=" | ||
+ | |||
+ | <span id="example"></span> | ||
+ | <br /> | ||
+ | <br /> | ||
+ | <input type=" | ||
+ | <span id=" | ||
+ | |||
+ | < | ||
+ | |||
+ | let toggleShowSource = () => { | ||
+ | let element = document.getElementById(" | ||
+ | element.style.display = element.style.display == ' | ||
+ | } | ||
+ | |||
+ | 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 = ' | ||
+ | frame.style.overflow = ' | ||
+ | frame.width = 950; | ||
+ | frame.height = 420; | ||
+ | frame.srcdoc = text; | ||
+ | document.getElementById(" | ||
- | var viewer; | + | // add ' |
+ | let pre = document.createElement(" | ||
+ | pre.classList.add(" | ||
+ | pre.classList.add(" | ||
+ | pre.textContent = text; | ||
+ | document.getElementById(" | ||
+ | document.getElementById(" | ||
+ | document.getElementById(" | ||
- | 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; | + | |
- | | + | |
- | | + | |
- | /** | + | } catch (error) { console.error(error); } |
- | * Called when the viewer component is ready for interaction. | + | |
- | */ | + | |
- | function handleReady() { | + | |
- | // Listen to the state-changed signal | + | |
- | viewer.onAppStateChanged.add(handleAppStateChanged); | + | |
- | | + | |
- | | + | |
- | * Called when the page is full loaded. | + | |
- | */ | + | |
- | function handleDOMReady() { | + | |
- | // Create viewer startup options | + | |
- | var loginOptions = new AMap(); | + | |
- | loginOptions.set(Constants.LOGIN_MODE, | + | |
- | loginOptions.set(Constants.LOGIN_PUBLICATION_PUBLIC_ID, | + | |
- | var options = new AMap(); | + | |
- | options.set(Constants.STARTUP_AUTO_LOGIN, | + | |
- | // Create viewer | + | |
- | var appElement = document.getElementById(" | + | |
- | viewer = new SDKViewer(" | + | |
- | viewer.setSize(1000, | + | |
- | viewer.isReady.then(handleReady); | + | |
- | } | + | |
- | | + | </script> |
- | document.addEventListener(" | + | |
- | </ | ||
</ | </ |
Last modified:: 2020/06/23 14:02