Knowledge Base
Recent Changes

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision 		Previous revision
dev:developer:examples:addoverlayobjects [2019/06/13 10:55]
jve@orbitgt.com created 		dev:developer:examples:addoverlayobjects [2020/05/12 17:59]
jeroen removed
Line 1: Line 1:
-====== Example addOverlayObjects =====+====== Example addOverlayObjects ====== 
 + 
 + 
 +<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> 
 +   
 +</html>