Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
dev:developer:examples:addoverlayobjects [2019/06/14 06:05] jve@orbitgt.com |
dev:developer:examples:addoverlayobjects [2020/05/12 17:59] jeroen removed |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Example addOverlayObjects ====== | ====== Example addOverlayObjects ====== | ||
- | Add local Vector resource object via MapObject as Hosted Resource. | ||
- | |||
- | === Viewer === | ||
< | < | ||
Line 97: | Line 94: | ||
| | ||
</ | </ | ||
- | |||
- | === === | ||
- | \\ \\ | ||
- | |||
- | === Code === | ||
- | |||
- | <code javascript> | ||
- | < | ||
- | <script src=" | ||
- | <div id=" | ||
- | |||
- | <script type=" | ||
- | |||
- | var viewer; | ||
- | |||
- | 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); | ||
- | } | ||
- | |||
- | /** | ||
- | * Called when a workspace was opened. | ||
- | */ | ||
- | function handleWorkspaceOpened() { | ||
- | |||
- | var part = new CoordinatePart(); | ||
- | part.crs = " | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | part.points.add(Coordinate.fromXY(null, | ||
- | var path = new CoordinatePath(); | ||
- | path.crs = " | ||
- | path.parts.add(part); | ||
- | |||
- | var object = new MapObject(); | ||
- | object.spatialArea = path; | ||
- | object.color = Color.fromRGB(255, | ||
- | object.fillColor = Color.fromRGBA(200, | ||
- | |||
- | var list = new AList(MapObject.TYPE); | ||
- | list.add(object); | ||
- | |||
- | console.log(" | ||
- | |||
- | viewer.addOverlayObjects(list); | ||
- | } | ||
- | |||
- | /** | ||
- | * 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); | ||
- | } | ||
- | |||
- | // Wait for page to load | ||
- | document.addEventListener(" | ||
- | |||
- | </ | ||
- | |||
- | </ |