Table of Contents

Example addOverlayObjects

Add local Vector resource object via MapObject as Hosted Resource.

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>