Differences

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

Link to this comparison view

Both sides previous revision Previous revision
dev:developer:examples:addoverlayobjects [2020/05/12 17:59]
jeroen removed
— (current)
Line 1: Line 1:
-====== 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>