This is documentation of a bèta release.
For documentation on the current version, please check Knowledge Base.
For documentation on the current version, please check Knowledge Base.
This is an old revision of the document!
Example addOverlayObjects
Viewer
Code
<html> <script src="https://cdn.3dmapping.cloud/19.6.0/javascript/orbitgt_3dm_sdk.js"></script> <div id="m3dviewer"/> <script type="text/javascript"> 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 = "25830"; part.points.add(Coordinate.fromXY(null,582709.916,4796940.915)); part.points.add(Coordinate.fromXY(null,582713.485,4796942.736)); part.points.add(Coordinate.fromXY(null,582725.142,4796948.689)); part.points.add(Coordinate.fromXY(null,582725.692,4796948.162)); part.points.add(Coordinate.fromXY(null,582725.715,4796948.183)); part.points.add(Coordinate.fromXY(null,582727.332,4796946.414)); part.points.add(Coordinate.fromXY(null,582727.295,4796946.38)); part.points.add(Coordinate.fromXY(null,582736.346,4796936.486)); part.points.add(Coordinate.fromXY(null,582736.381,4796936.518)); part.points.add(Coordinate.fromXY(null,582737.864,4796934.912)); part.points.add(Coordinate.fromXY(null,582737.821,4796934.871)); part.points.add(Coordinate.fromXY(null,582738.141,4796934.536)); part.points.add(Coordinate.fromXY(null,582737.852,4796934.096)); part.points.add(Coordinate.fromXY(null,582737.897,4796934.066)); part.points.add(Coordinate.fromXY(null,582736.688,4796932.244)); part.points.add(Coordinate.fromXY(null,582736.65,4796932.27)); part.points.add(Coordinate.fromXY(null,582719.338,4796922.803)); part.points.add(Coordinate.fromXY(null,582714.473,4796931.779)); part.points.add(Coordinate.fromXY(null,582709.607,4796940.757)); part.points.add(Coordinate.fromXY(null,582709.916,4796940.915)); var path = new CoordinatePath(); path.crs = "25830"; path.parts.add(part); var object = new MapObject(); object.spatialArea = path; object.color = Color.fromRGB(255,0,0); object.fillColor = Color.fromRGBA(200,0,0,100); var list = new AList(MapObject.TYPE); list.add(object); console.log("Adding ", list); 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, Constants.LOGINMODE_GUEST_CLOUD); loginOptions.set(Constants.LOGIN_PUBLICATION_PUBLIC_ID, "R4hyyTRFUQPbnBlzZf7Q"); var options = new AMap(); options.set(Constants.STARTUP_AUTO_LOGIN,loginOptions); // Create viewer var appElement = document.getElementById("m3dviewer"); viewer = new SDKViewer("example application",appElement,options); viewer.setSize(1000,500); viewer.isReady.then(handleReady); } // Wait for page to load document.addEventListener("DOMContentLoaded", handleDOMReady); </script>
Last modified:: 2019/06/14 06:01