Knowledge Base
Recent Changes

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
dev:developer:examples:addoverlayobjects [2019/06/13 10:55]
jve@orbitgt.com 		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>