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:addoverlayobjects_point_default [2020/06/15 11:50] pieter |
dev:viewer:sdk:examples_js:addoverlayobjects_point_default [2023/10/04 12:43] pieter |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Example | + | ====== Example: Adding a point Overlay Object |
+ | |||
+ | This example demonstrates adding multiple Point '' | ||
+ | |||
+ | After the workspace opens, green points rendered using the default symbol (a filled circle) are added using '' | ||
< | < | ||
- | | + | <script> |
- | | + | let exampleUrl |
+ | </ | ||
+ | |||
+ | <link rel=" | ||
+ | integrity=" | ||
+ | | ||
- | | + | < |
+ | integrity=" | ||
+ | crossorigin=" | ||
- | var viewer; | + | <span id=" |
+ | <br /> | ||
+ | <br /> | ||
+ | <input type=" | ||
+ | <span id=" | ||
- | var AMap = orbitgt.mapping3d.sdk.viewer.AMap; | + | < |
- | var AList = orbitgt.mapping3d.sdk.viewer.AList; | + | |
- | var Constants = orbitgt.mapping3d.sdk.viewer.Constants; | + | |
- | var SDKViewer = orbitgt.mapping3d.sdk.viewer.SDKViewer; | + | |
- | var CoordinatePath = orbitgt.mapping3d.sdk.viewer.CoordinatePath; | + | |
- | var CoordinatePart = orbitgt.mapping3d.sdk.viewer.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, | + | let toggleShowSource = () => { |
- | var object | + | let element |
- | | + | |
- | object.color = Color.fromRGBA(255, | + | } |
- | object.fillColor | + | |
- | | + | |
- | | + | |
- | /** | + | fetch(exampleUrl) |
- | * Called when a workspace was opened. | + | .then(response => response.text()) |
- | */ | + | |
- | | + | |
- | | + | |
+ | // 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