Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision Next revision Both sides next revision | ||
dev:viewer:sdk:examples_js:addoverlayobjects_point_custom [2020/06/15 11:20] jeroen created |
dev:viewer:sdk:examples_js:addoverlayobjects_point_custom [2020/10/13 06:44] pieter |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Example addOverlayObjects - Point ====== | + | ====== Example addOverlayObjects - Point Circle |
- | < | + | After opening the publication, |
- | <script src=" | + | |
- | <div id=" | + | |
- | | + | < |
+ | <script> | ||
+ | let exampleUrl | ||
+ | </script> | ||
- | var viewer; | + | <link rel=" |
+ | integrity=" | ||
+ | crossorigin=" | ||
- | var AMap = orbitgt.mapping3d.sdk.viewer.AMap; | + | <script src=" |
- | var AList = orbitgt.mapping3d.sdk.viewer.AList; | + | |
- | var Constants | + | |
- | var SDKViewer | + | |
- | var CoordinatePath | + | |
- | var CoordinatePart | + | |
- | var Coordinate = orbitgt.mapping3d.sdk.viewer.Coordinate; | + | |
- | var MapObject = orbitgt.mapping3d.sdk.viewer.MapObject; | + | |
- | var Color = orbitgt.mapping3d.sdk.viewer.Color; | + | |
- | + | ||
- | | + | |
- | * Called when the viewer component is ready for interaction. | + | |
- | */ | + | |
- | function handleReady() { | + | |
- | viewer.onWorkspaceOpened.add(handleWorkspaceOpened); | + | |
- | } | + | |
- | function addPoint(list, | + | <span id=" |
- | var object | + | <br /> |
- | | + | <br /> |
- | | + | <input type=" |
- | | + | <span id=" |
- | | + | |
- | list.add(object); | + | < |
- | } | + | |
- | /** | + | let toggleShowSource = () => { |
- | * Called when a workspace was opened. | + | |
- | */ | + | element.style.display = element.style.display == ' |
- | | + | } |
- | var d = 10; // length of base | + | fetch(exampleUrl) |
- | var d2 = d/2; | + | .then(response => response.text()) |
- | var triangleSymbolPart = new CoordinatePart(); | + | .then(text => { |
- | | + | |
- | | + | |
- | triangleSymbolPart.points.add(Coordinate.fromXY(null, | + | |
- | var triangleSymbol | + | |
- | triangleSymbol.parts.add(triangleSymbolPart); | + | |
- | | + | |
+ | // 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(" | ||
- | addPoint(list, | + | // add ' |
- | | + | let pre = document.createElement("pre"); |
- | | + | pre.classList.add("code"); |
- | addPoint(list, | + | pre.classList.add("html4strict"); |
- | | + | pre.textContent = text; |
- | addPoint(list, | + | |
- | | + | |
- | | + | |
- | addPoint(list, | + | |
- | | + | |
- | addPoint(list, | + | |
- | | + | |
- | addPoint(list, | + | |
- | addPoint(list, | + | |
- | addPoint(list, | + | |
- | addPoint(list, | + | |
- | addPoint(list, | + | |
- | addPoint(list, | + | |
- | addPoint(list, | + | |
- | addPoint(list, | + | |
- | console.log(" | + | // highlight |
+ | hljs.highlightBlock(pre); | ||
- | | + | |
- | | + | |
- | | + | |
- | * 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:: 2023/10/04 12:43