Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
241:viewer:sdk:examples_js:gisconsult_example2 [2024/03/08 13:20] pieter removed |
— (current) | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Example: Adding overlay objects ====== | ||
- | This example demonstrates adding '' | ||
- | |||
- | The viewer version is 23.10.0. | ||
- | |||
- | < | ||
- | < | ||
- | let exampleUrl = " | ||
- | </ | ||
- | |||
- | <link rel=" | ||
- | integrity=" | ||
- | crossorigin=" | ||
- | |||
- | <script src=" | ||
- | integrity=" | ||
- | crossorigin=" | ||
- | |||
- | <span id=" | ||
- | <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 => { | ||
- | |||
- | try { | ||
- | // add example in iframe | ||
- | let frame = document.createElement(" | ||
- | frame.style.border = ' | ||
- | frame.style.overflow = ' | ||
- | frame.width = 950; | ||
- | frame.height = 420; | ||
- | frame.srcdoc = text; | ||
- | document.getElementById(" | ||
- | |||
- | // add ' | ||
- | let pre = document.createElement(" | ||
- | pre.classList.add(" | ||
- | pre.classList.add(" | ||
- | pre.textContent = text; | ||
- | document.getElementById(" | ||
- | document.getElementById(" | ||
- | document.getElementById(" | ||
- | |||
- | // highlight | ||
- | hljs.highlightBlock(pre); | ||
- | |||
- | } catch (error) { console.error(error); | ||
- | |||
- | }); | ||
- | |||
- | </ | ||
- | |||
- | </ |
Last modified:: 2024/03/08 13:20