Recent Changes
This is documentation of a bèta release.
For documentation on the current version, please check Knowledge Base.
This is an old revision of the document!
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>
Last modified:: 2019/06/14 06:05