111111

+
+export default {
+    movePrompt: class MovePrompt {
+        constructor(viewer, opt) {
+            if (!opt) opt = {};
+            var randomId = Number((new Date()).getTime());
+            this.id = randomId;
+            this.style = opt.style;
+            this.viewer = viewer;
+            if (!this.viewer) return;
+            this.scene = this.viewer.scene;
+            this.camera = this.viewer.camera;
+            this.mapContainer = this.viewer.container.id;
+            this.rendHandler = null;
+            if (!this.mapContainer) return;
+
+            this.trackPopUpId = "trackPopUp" + randomId;
+            this.promptContentId = "promptContent" + randomId;
+            this.promptDivId = "promptDiv" + randomId;
+            this.trackPopUpContentId = "trackPopUpContent" + randomId;
+            this.closeBtnId = "closeBtn" + randomId;
+
+            var infoDiv;
+            var max_width = 300;
+            var max_height = 500;
+            infoDiv = window.document.createElement("div");
+            infoDiv.id = this.trackPopUpId;
+            infoDiv.className = "trackPopUp";
+
+            this.content = opt.content || ""; //提示框内容
+            if (!opt.type || opt.type == 1) {
+                infoDiv.innerHTML = '<div id="' + this.trackPopUpContentId + '" class="cesium-popup" style="top:0;left:0;">' +
+                    '<div class="cesium-prompt-content-wrapper" id="' + this.promptDivId + '">' +
+                    '<div id="trackPopUpLink" class="cesium-popup-content" style="max-width: ' + max_width + 'px;max-height: ' + max_height + 'px">' +
+                    '<span class="promptContent" id="' + this.promptContentId + '">' + this.content + '</span>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>';
+            } else {
+                infoDiv.innerHTML = '<div id="' + this.trackPopUpContentId + '" class="cesium-popup" style="top:0;left:0;">' +
+                    '<a class="cesium-popup-close-button" href="javascript:void(0)" id="' + this.closeBtnId + '">×</a>' +
+                    '<div class="cesium-popup-content-wrapper" id="' + this.promptDivId + '">' +
+                    '<div id="trackPopUpLink" class="cesium-popup-content" style="max-width: ' + max_width + 'px;max-height: ' + max_height + 'px">' +
+                    '<span class="popupContent" id="' + this.promptContentId + '">' + this.content + '</span>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="cesium-popup-tip-container">' +
+                    '<div class="cesium-popup-tip"></div>' +
+                    '</div>' +
+                    '</div>';
+            }
+
+            window.document.getElementById(this.mapContainer).appendChild(infoDiv);
+            window.document.getElementById(this.trackPopUpId).style.display = "block";
+
+            this.offset = opt.offset || {};
+
+            this.infoDiv = window.document.getElementById(this.trackPopUpId);
+            this.trackPopUpContent = window.document.getElementById(this.trackPopUpContentId);
+
+            this.promptDiv = window.document.getElementById(this.promptDivId);
+            this.promptContent = window.document.getElementById(this.promptContentId);
+            this.trackPopUpLink = window.document.getElementById(this.promptContentId);
+
+            this.popupCartesian = opt.popupCartesian;
+            this.rendHandler = null;
+            this.show = (opt.show == undefined ? true : opt.show);
+            if(opt.type==2){
+                if(!this.popupCartesian){
+                    console.warn("缺少空间坐标！");
+                    return ;
+                }
+            }
+            if (opt.type && opt.type != 1 && this.popupCartesian) {
+                var clsBtn = window.document.getElementById(this.closeBtnId);
+                var that = this;
+                clsBtn.addEventListener("click", function () {
+                    that.setVisible(false);
+                });
+                this.rendHandler = this.viewer.scene.postRender.addEventListener(function () {
+                    if (that.popupCartesian) {
+                        var px = Cesium.SceneTransforms.wgs84ToWindowCoordinates(that.scene, that.popupCartesian);
+                        that.trackPopUpContent.style.left = px.x + (that.offset.x || 0)+ (Math.ceil(-that.trackPopUpContent.offsetWidth / 2)) + "px";
+                        that.trackPopUpContent.style.top = px.y + (that.offset.y ||0)+ (-that.trackPopUpContent.offsetHeight) + "px";
+                        var res = false;
+                        var e = that.popupCartesian,
+                            i = that.camera.position,
+                            n = that.scene.globe.ellipsoid.cartesianToCartographic(i).height;
+                        if (!(n += 1 * that.scene.globe.ellipsoid.maximumRadius, Cesium.Cartesian3.distance(i, e) > n)) {
+                            res = true;
+                        }
+                        if (res && that.show) {
+                            if (that.infoDiv) that.infoDiv.style.display = "block";
+                        } else {
+                            if (that.infoDiv) that.infoDiv.style.display = "none";
+                        }
+                    }
+                });
+            }
+        }
+        setHtml(html) {
+            if (!html) {
+                return;
+            }
+            if (this.trackPopUpLink) {
+                this.trackPopUpLink.innerText = html;
+            }
+        }
+        destroy() {
+            if (this.infoDiv && this.mapContainer) {
+                this.infoDiv.style.display = "none";
+                window.document.getElementById(this.mapContainer).removeChild(this.infoDiv);
+                this.infoDiv = null;
+            }
+            if (this.rendHandler) {
+                this.rendHandler();
+                this.rendHandler = null;
+            }
+        }
+        displayPrompt(display) {
+            if (this.infoDiv) this.infoDiv.style.display = display ? "block" : "none";
+        }
+        updateStyle(opt) {
+            if (!opt) opt = {};
+            this.promptDiv.style.background = opt.rgba || "rgba(0,0,0,.4)";
+            this.promptContent.style.color = opt.fontColor || "white";
+        }
+        updatePrompt(px, html) {
+            if (!px) return;
+            this.infoDiv.style.display = "block";
+            this.trackPopUpContent.style.left = px.x + (this.offset.x || 30) + "px";
+            this.trackPopUpContent.style.top = px.y + (this.offset.y || 30) + "px";
+            this.setHtml(html);
+        }
+        setVisible(isOpen) {
+            if(isOpen==undefined) isOpen = true;
+            if(isOpen){
+                this.infoDiv.style.display = "block";
+                this.show = true;
+            }else{
+                this.infoDiv.style.display = "none";
+                this.show = false;
+            }
+        }
+    }
+}
\ No newline at end of file

+export default {
+    createPoint(opt) {
+        return this.viewer.entities.add({
+            position: opt.position,
+            point: opt.point || {
+                pixelSize: 5,
+                color: Cesium.Color.YELLOW,
+                outlineWidth: 2,
+                outlineColor: Cesium.Color.DARKRED,
+                disableDepthTestDistance: Number.POSITIVE_INFINITY
+            },
+            show: false
+        });
+    },
+    createPolyline(positions) {
+        let style = this.style || {};
+        var polyline = this.viewer.entities.add({
+            polyline: {
+                positions: new Cesium.CallbackProperty(() => {
+                    return positions || this.positions
+                }, false),
+                show: true,
+                material: style.material || Cesium.Color.YELLOW,
+                width: style.width || 3,
+                clampToGround: style.clampToGround == undefined ? false : true
+            }
+        });
+        polyline.objId = this.objId;
+        return polyline;
+    },
+    createPolygon() {
+        return this.viewer.entities.add({
+            polygon: {
+                hierarchy: new Cesium.CallbackProperty(() => {
+                    return new Cesium.PolygonHierarchy(this.positions)
+                }, false),
+                material: new Cesium.Color.fromCssColorString("#FFD700").withAlpha(.2),
+                perPositionHeight: true,
+                width: 3,
+                outlineColor: Cesium.Color.BLACK,
+                outlineWidth: 3,
+                outline: true
+            }
+        });
+    }, 
+    createRectangle() {
+        var that = this;
+        var rectangle = this.viewer.entities.add({
+            rectangle: {
+                coordinates: new Cesium.CallbackProperty(() => {
+                    return Cesium.Rectangle.fromCartesianArray([this.leftup, this.rightdown])
+                }, false),
+                material: new Cesium.Color.fromCssColorString("#FFD700").withAlpha(.2),
+                perPositionHeight: true,
+                width: 3,
+                outlineColor: Cesium.Color.BLACK,
+                outlineWidth: 3,
+                outline: true
+            }
+        });
+        rectangle.objId = this.objId;
+        return rectangle;
+    },
+    createCircle() {
+        var ellipse = this.viewer.entities.add({
+            position: this.center,
+            ellipse: {
+                semiMajorAxis: new Cesium.CallbackProperty(() => {
+                    return this.radius
+                }, false),
+                semiMinorAxis: new Cesium.CallbackProperty(() => {
+                    return this.radius
+                }, false),
+                material: new Cesium.Color.fromCssColorString("#FFD700").withAlpha(.2),
+                perPositionHeight: true,
+                width: 3,
+                outlineColor: Cesium.Color.BLACK,
+                outlineWidth: 3,
+                outline: true
+            }
+        });
+        ellipse.objId = this.objId;
+        return ellipse;
+    }
+}
\ No newline at end of file

+import movePrompt from './MovePrompt';
+export default class CreateBillboard {
+        constructor(viewer, style) {
+            this.objId = Number((new Date()).getTime() + "" + Number(Math.random() * 1000).toFixed(0));
+            this.viewer = viewer;
+            this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.state = 0; //1为新增 2为编辑 0为清除
+            this.image = style.image || "content/images/map3d/mark1.png";
+            this.style = style;
+            this.billboardArg = {};
+            this.billboard = null;
+            this.openModify = false;
+            if (style) {
+                var haveImage = false;
+                for (var i in style) {
+                    if (i == "image" && style[i]) {
+                        haveImage = true;
+                    }
+                    if (style[i]) this.billboardArg[i] = style[i];
+                }
+            } else {
+                console.warn("未设置billboard的参数！");
+                return;
+            }
+            this.prompt = new movePrompt.movePrompt(viewer);
+        }
+        start(callBack) {
+            var that = this;
+            this.handler.setInputAction(function(evt) { //单机开始绘制
+                var cartesian = that.getCatesian3FromPX(evt.position, that.viewer,[]);
+                that.billboard = that.createBillboard(cartesian);
+                that.state = 1;
+                that.handler.destroy();
+                if (that.prompt) {
+                    that.prompt.destroy();
+                    that.prompt = null;
+                }
+                if (callBack) callBack(that.billboard);
+            }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+            this.handler.setInputAction(function(evt) { //单机开始绘制
+                that.prompt.updatePrompt(evt.endPosition, "单击新增");
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+        }
+        createByPositions(lnglatArr, callBack) { 
+            if (!lnglatArr) return;
+            var position = Cesium.Cartesian3.fromDegrees(lnglatArr[0], lnglatArr[1],lnglatArr[2]);
+            if (!position) return;
+            this.billboard = this.createBillboard(position);
+            callBack(this.billboard);
+            this.state = 1;
+        }
+        startModify() {
+            if (this.state != 2 && this.state != 1) return; //表示还没绘制完成
+            if (!this.modifyHandler) this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            var that = this;
+            this.modifyHandler.setInputAction(function(evt) {
+
+                var pick = that.viewer.scene.pick(evt.position);
+                if (Cesium.defined(pick) && pick.id) {
+                    if (!pick.id.objId)
+                        that.forbidDrawWorld(true);
+                    that.openModify = true;
+                    that.forbidDrawWorld(true);
+                    that.state = 2;
+                } else {
+                    //if(that.modifyPrompt) that.modifyPrompt.destroy();
+                }
+
+            }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+            this.modifyHandler.setInputAction(function(evt) { //移动时绘制线
+                if (!that.billboard || !that.openModify) return;
+                var cartesian = that.getCatesian3FromPX(evt.endPosition, that.viewer,[]);
+                if (that.billboard) {
+                    //that.modifyPrompt.updatePrompt(evt.endPosition, "鼠标拖动修改");
+                    that.billboard.position.setValue(cartesian);
+                }
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+
+            this.modifyHandler.setInputAction(function(evt) { //移动时绘制线
+                if (!that.billboard || !that.openModify) return;
+                that.openModify = false;
+                that.forbidDrawWorld(false);
+                if (that.modifyHandler) {
+                    that.modifyHandler.destroy();
+                    that.modifyHandler = null;
+                }
+            }, Cesium.ScreenSpaceEventType.LEFT_UP);
+        }
+        endModify(callback) {
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+                if (callback) callback(this.billboard);
+            }
+            this.state = 2;
+        }
+        createBillboard(cartesian) {
+            if (!cartesian) return;
+            var billboard = this.viewer.entities.add({
+                position: cartesian,
+                billboard: {
+                    image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABMElEQVRIS+2VO0oEQRCGv38RBdFDGQumgijeQFTMjDUQr6CRsgeQDfQCmoqBZkYeQF0f+Cop6AYfa8/UOGtkw8Aw0/19XVVNlxjyUIlvZlPAGjAn6brJXn4UmNk4cJeeDtAFtiWdR0QlgUNfgDzH35+BU2AT6El6q5JFBB9ZN8ADsAXslNLXVJBlnkKPdB9YkdT/GtFvBZnnqepI+sZrQ+C1GQEWJO21GcEr8AQcAquSLgcVvEkElgp8AixLOiudpKjAi3gBLEk6rjqi/r+uwMFXCXxUB5zn1BHcJ/BuBBwR+B00L6n3L/iUATMbAx7TxxlJB62myGFmtgjMAtOS/PyHR7HhhGkDFvy9wMw2UpscDUTgd5J3u/XKy87MboGJADxP7UuarCMYbgQNdl5c8g7JKYAZpEkyjAAAAABJRU5ErkJggg==',
+                    heightReference: this.style.heightReference || Cesium.HeightReference.NONE,
+                    disableDepthTestDistance:Number.MAX_VALUE,
+                    color: Cesium.Color.RED
+                }
+            })
+            billboard.objId = this.objId;
+            return billboard;
+        }
+        getPositions() {
+            return this.billboard.position;
+        }
+        setStyle(obj) {}
+        remove() {
+            if (this.billboard) {
+                this.state = 0;
+                this.viewer.entities.remove(this.billboard);
+                this.billboard = null;
+            }
+        }
+        setVisible(vis) {
+            this.billboard.show = vis;
+        }
+        forbidDrawWorld(isForbid) {
+            this.viewer.scene.screenSpaceCameraController.enableRotate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTilt = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTranslate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableInputs = !isForbid;
+        }
+        destroy() {
+            this.openModify = false;
+            if (this.handler) {
+                this.handler.destroy();
+                this.handler = null;
+            }
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+            }
+            if (this.billboard) {
+                this.viewer.entities.remove(this.billboard);
+                this.billboard = null;
+            }
+            this.style = null;
+            if (this.prompt) {
+                that.prompt.destroy();
+                this.prompt = null;
+            }
+        }
+        getCatesian3FromPX(px, viewer, entitys) {
+            var picks = viewer.scene.drillPick(px); 
+            this.viewer.scene.render();
+            var cartesian;
+            var isOn3dtiles = false;
+            for (var i = 0; i < picks.length; i++) {
+                var isContinue = false;
+                for (var step = 0; step < entitys.length; step++) {
+                    if (entitys[step] && picks[i].id && entitys[step].objId == picks[i].id.objId) {
+                        isContinue = true;
+                        break;
+                    }
+                }
+                if (isContinue) continue;
+                if ((picks[i] && picks[i].primitive) || picks[i] instanceof Cesium.Cesium3DTileFeature) { //模型上拾取
+                    isOn3dtiles = true;
+                }
+            }
+            if (isOn3dtiles) {
+                cartesian = viewer.scene.pickPosition(px);
+            } else {
+                var ray = viewer.camera.getPickRay(px);
+                if (!ray) return null;
+                cartesian = viewer.scene.globe.pick(ray, viewer.scene);
+            }
+            return cartesian;
+        }
+    }
\ No newline at end of file

+import movePrompt from './MovePrompt';
+import addCompany from './addCompany';
+export default class CreateCircle {
+        constructor(viewer, style) {
+            this.objId = Number((new Date()).getTime() + "" + Number(Math.random() * 1000).toFixed(0));
+            this.viewer = viewer;
+            this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.circle = null;
+            this.screenSpaceCameraController = [];
+            this.style = style;
+            this.floatPoint = null;
+            this.centerPoint = null;
+            this.center = null;
+            this.float = null;
+            this.radius = 0;
+            this.modifyPoint = null;
+            this.state = 0;
+            this.pointArr = [];
+            this.prompt = new movePrompt.movePrompt(viewer);
+        }
+        start(callBack) {
+            var that = this;
+            this.handler.setInputAction(function (evt) { //单机开始绘制
+                var cartesian = that.getCatesian3FromPX(evt.position, that.viewer, [that.circle]);
+                if (!that.centerPoint) {
+                    that.center = cartesian;
+                    that.centerPoint = addCompany.createPoint.call(that, {position: cartesian});
+                    that.centerPoint.typeAttr = "center";
+                    that.floatPoint = addCompany.createPoint.call(that, {position: cartesian.clone()});
+                    that.float = cartesian.clone();
+                    that.floatPoint.typeAttr = "float";
+                    that.circle = addCompany.createCircle.call(that);
+                } else {
+                    return;
+                }
+            }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+            this.handler.setInputAction(function (evt) { //移动时绘制线
+                if (!that.centerPoint) {
+                    that.prompt.updatePrompt(evt.endPosition, "单击开始绘制");
+                    return;
+                }
+                that.prompt.updatePrompt(evt.endPosition, "右键结束");
+                var cartesian = that.getCatesian3FromPX(evt.endPosition, that.viewer, [that.circle]);
+                if (that.floatPoint) {
+                    that.floatPoint.position.setValue(cartesian);
+                    that.float = cartesian.clone();
+                }
+                that.radius = Cesium.Cartesian3.distance(cartesian, that.center);
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+            this.handler.setInputAction(function () { //单机开始绘制
+                if (!that.circle) {
+                    return;
+                }
+                that.state = 1;
+                that.handler.destroy();
+                if (that.floatPoint) that.floatPoint.show = false;
+                if (that.centerPoint) that.centerPoint.show = false;
+                if (that.prompt) {
+                    that.prompt.destroy();
+                    that.prompt = null;
+                }
+                if (callBack) callBack(that.circle);
+            }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+        }
+        startModify(callback) {
+            if (this.state != 2 && this.state != 1) return; //表示还没绘制完成
+            if (!this.modifyHandler) this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            var that = this;
+            if (that.floatPoint) that.floatPoint.show = true;
+            if (that.centerPoint) that.centerPoint.show = true;
+            this.modifyHandler.setInputAction(function (evt) {
+                if (!that.circle) return;
+                var pick = that.viewer.scene.pick(evt.position);
+                if (Cesium.defined(pick) && pick.id) {
+                    if (!pick.id.objId)
+                        that.modifyPoint = pick.id;
+                    that.forbidDrawWorld(true);
+                } else {
+                    if (that.floatPoint) that.floatPoint.show = false;
+                    if (that.centerPoint) that.centerPoint.show = false;
+                    if (that.modifyHandler) {
+                        that.modifyHandler.destroy();
+                        that.modifyHandler = null;
+                        if (callback) callback(that.circle);
+                    }
+                    that.state = 2;
+                }
+            }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+            this.modifyHandler.setInputAction(function (evt) {
+                if (!that.modifyPoint) return;
+                var cartesian = that.getCatesian3FromPX(evt.endPosition, that.viewer, [that.circle]);
+                if (!cartesian) {
+                    return;
+                }
+                if (that.modifyPoint.typeAttr == "center") {
+                    that.center = cartesian
+                    that.centerPoint.position.setValue(that.center);
+                    that.circle.position.setValue(that.center);
+                } else {
+                    that.float = cartesian
+                    that.floatPoint.position.setValue(that.float);
+                }
+                that.radius = Cesium.Cartesian3.distance(that.float, that.center);
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+
+            this.modifyHandler.setInputAction(function (evt) {
+                if (!that.modifyPoint) return;
+                that.modifyPoint = null;
+                that.forbidDrawWorld(false);
+            }, Cesium.ScreenSpaceEventType.LEFT_UP);
+        }
+        endModify(callback) {
+            if (this.floatPoint) this.floatPoint.show = false;
+            if (this.centerPoint) this.centerPoint.show = false;
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+                if (callback) callback(this.circle);
+            }
+            this.state = 2;
+        }
+        getCenter() {
+            return this.center;
+        }
+        getAttr() {
+            return obj;
+        }
+        setStyle(obj) {}
+        remove() {
+            if (this.circle) {
+                this.state = 0;
+                this.viewer.entities.remove(this.circle);
+                this.circle = null;
+            }
+        }
+        setVisible(vis) {
+            this.circle.show = vis;
+        }
+        forbidDrawWorld(isForbid) {
+            this.viewer.scene.screenSpaceCameraController.enableRotate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTilt = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTranslate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableInputs = !isForbid;
+        }
+        destroy() {
+            if (this.handler) {
+                this.handler.destroy();
+                this.handler = null;
+            }
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+            }
+            if (this.circle) {
+                this.viewer.entities.remove(this.circle);
+                this.circle = null;
+            }
+            if (this.floatPoint) {
+                this.viewer.entities.remove(this.floatPoint);
+                this.floatPoint = null;
+            }
+            if (this.centerPoint) {
+                this.viewer.entities.remove(this.centerPoint);
+                this.centerPoint = null;
+            }
+            this.style = null;
+            this.modifyPoint = null;
+            if (this.prompt) this.prompt.destroy();
+        }
+        getCatesian3FromPX(px, viewer, entitys) {
+            var picks = viewer.scene.drillPick(px); 
+            this.viewer.scene.render();
+            var cartesian;
+            var isOn3dtiles = false;
+            for (var i = 0; i < picks.length; i++) {
+                var isContinue = false;
+                for (var step = 0; step < entitys.length; step++) {
+                    if (entitys[step] && picks[i].id && entitys[step].objId == picks[i].id.objId) {
+                        isContinue = true;
+                        break;
+                    }
+                }
+                if (isContinue) continue;
+                if ((picks[i] && picks[i].primitive) || picks[i] instanceof Cesium.Cesium3DTileFeature) { //模型上拾取
+                    isOn3dtiles = true;
+                }
+            }
+            if (isOn3dtiles) {
+                cartesian = viewer.scene.pickPosition(px);
+            } else {
+                var ray = viewer.camera.getPickRay(px);
+                if (!ray) return null;
+                cartesian = viewer.scene.globe.pick(ray, viewer.scene);
+            }
+            return cartesian;
+        }
+    }
\ No newline at end of file

+import movePrompt from './MovePrompt';
+import addCompany from './addCompany';
+export default class CreatePolyline {
+        constructor(viewer, style) {
+            this.objId = Number((new Date()).getTime() + "" + Number(Math.random() * 1000).toFixed(0));
+            this.viewer = viewer;
+            this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.polyline = null;
+            this.positions = [];
+            this.style = style;
+            this.floatPoint = null;
+            this.linePointArr = [];
+            this.modifyPoint = null;
+            this.state = 0;
+            //初始化鼠标提示框
+            this.prompt = new movePrompt.movePrompt(viewer);
+            // this.prompt.updatePrompt({x: 495, y: 407}, "单击开始绘制");
+        }
+        start(callBack) {
+            var that = this;
+            this.handler.setInputAction(function (evt) { //单机开始绘制
+                var cartesian = that.getCatesian3FromPX(evt.position, that.viewer, [that.polyline]);
+                if (that.positions.length == 0) {
+                    that.positions.push(cartesian.clone());
+                    that.floatPoint = addCompany.createPoint.call(that, {position: cartesian.clone()});
+                }
+                that.positions.push(cartesian);
+                var point = addCompany.createPoint.call(that, {position: cartesian});
+                point.wz = that.linePointArr.length;
+                that.linePointArr.push(point);
+            }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+            this.handler.setInputAction(function (evt) { //移动时绘制线
+                if (that.positions.length < 1) {
+                    that.prompt.updatePrompt(evt.endPosition, "单击开始绘制");
+                    return;
+                }
+                that.prompt.updatePrompt(evt.endPosition, "单击新增，右键结束");
+                var cartesian = that.getCatesian3FromPX(evt.endPosition, that.viewer, [that.polyline]);
+                if (that.floatPoint) that.floatPoint.position.setValue(cartesian);
+                if (that.positions.length == 2) {
+                    if (!Cesium.defined(that.polyline)) {
+                        that.polyline = addCompany.createPolyline.call(that);
+                    }
+                }
+                if (that.polyline) {
+                    that.positions.pop();
+                    that.positions.push(cartesian);
+                }
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+            this.handler.setInputAction(function (evt) { //单机开始绘制
+                if (!that.polyline) {
+                    return;
+                }
+                var cartesian = that.getCatesian3FromPX(evt.position, that.viewer, [that.polyline]);
+                that.state = 1;
+                that.handler.destroy();
+                if (that.floatPoint) {
+                    if (that.floatPoint) that.floatPoint.show = false;
+                    that.floatPoint = null;
+                }
+                that.positions.pop();
+                that.positions.push(cartesian);
+                var point = addCompany.createPoint.call(that, {position: cartesian});
+                point.wz = that.linePointArr.length;
+                that.linePointArr.push(point);
+                if(that.prompt){
+                    that.prompt.destroy();
+                    that.prompt = null;
+                }
+                if (callBack) callBack(that.polyline);
+            }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+        }
+        startModify(callback) {
+            if (this.state != 2 && this.state != 1) return; //表示还没绘制完成
+            if (!this.modifyHandler) this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            var that = this;
+            for (var i = 0; i < that.linePointArr.length; i++) {
+                var point = that.linePointArr[i];
+                if (point) point.show = true;
+            }
+            this.modifyHandler.setInputAction(function (evt) {
+                if(!that.polyline) return ;
+                var pick = that.viewer.scene.pick(evt.position);
+                if (Cesium.defined(pick) && pick.id) {
+                    if (!pick.id.objId)
+                        that.modifyPoint = pick.id;
+                    that.forbidDrawWorld(true);
+                } else {
+                    for (var i = 0; i < that.linePointArr.length; i++) {
+                        var point = that.linePointArr[i];
+                        if (point) point.show = false;
+                    }
+                    if (that.modifyHandler) {
+                        that.modifyHandler.destroy();
+                        that.modifyHandler = null;
+                        if(callback) callback(that.polyline);
+                    }
+                    that.state = 2;
+                }
+            }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+            this.modifyHandler.setInputAction(function (evt) { 
+                if (that.positions.length < 1 || !that.modifyPoint) return;
+                //that.modifyPrompt.updatePrompt(evt.endPosition, "鼠标拖动修改");
+                var cartesian = that.getCatesian3FromPX(evt.endPosition, that.viewer, [that.polyline, that.modifyPoint]);
+                if (cartesian) {
+                    that.modifyPoint.position.setValue(cartesian);
+                    that.positions[that.modifyPoint.wz] = cartesian;
+                }
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+    
+            this.modifyHandler.setInputAction(function (evt) {
+                if (!that.modifyPoint) return;
+                var cartesian = that.getCatesian3FromPX(evt.position, that.viewer, [that.polyline, that.modifyPoint]);
+                that.modifyPoint.position.setValue(cartesian);
+                that.positions[that.modifyPoint.wz] = cartesian;
+                that.modifyPoint = null;
+                that.forbidDrawWorld(false);
+            }, Cesium.ScreenSpaceEventType.LEFT_UP);
+        }
+        endModify(callback) {
+            for (var i = 0; i < this.linePointArr.length; i++) {
+                var point = this.linePointArr[i];
+                if (point) point.show = false;
+            }
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+                if(callback) callback(this.polyline);
+            }
+            this.state = 2;
+        }
+        getPositions() {
+            return this.positions;
+        }
+        getAttr() {
+            if (!this.polyline) return;
+            var obj = {};
+            var line = this.polyline.polyline;
+            obj.width = line.width._value;
+            obj.clampToGround = line.clampToGround._value;
+            obj.color = line.material.color._value;
+            obj.lineType = "solid";
+            return obj;
+        }
+        setStyle(obj) {}
+        remove() {
+            if (this.polyline) {
+                this.state = 0;
+                this.viewer.entities.remove(this.polyline);
+                this.polyline = null;
+            }
+        }
+        setVisible(vis) {
+            this.polyline.show = vis;
+        }
+        forbidDrawWorld(isForbid) {
+            this.viewer.scene.screenSpaceCameraController.enableRotate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTilt = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTranslate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableInputs = !isForbid;
+        }
+        destroy() {
+            this.linePointArr = [];
+            if (this.handler) {
+                this.handler.destroy();
+                this.handler = null;
+            }
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+            }
+            if (this.polyline) {
+                this.viewer.entities.remove(this.polyline);
+                this.polyline = null;
+            }
+            if (this.floatPoint) {
+                this.viewer.entities.remove(this.floatPoint);
+                this.floatPoint = null;
+            }
+            this.positions = [];
+            this.style = null;
+            for (var i = 0; i < this.linePointArr.length; i++) {
+                var point = this.linePointArr[i];
+                this.viewer.entities.remove(point);
+            }
+            this.linePointArr = [];
+            this.modifyPoint = null;
+            if (this.prompt) this.prompt.destroy();
+            //if (this.modifyPrompt) this.modifyPrompt.destroy();
+        }
+        getCatesian3FromPX(px, viewer, entitys) {
+            var picks = viewer.scene.drillPick(px); 
+            this.viewer.scene.render();
+            var cartesian;
+            var isOn3dtiles = false;
+            for (var i = 0; i < picks.length; i++) {
+                var isContinue = false;
+                for (var step = 0; step < entitys.length; step++) {
+                    if (entitys[step] && picks[i].id && entitys[step].objId == picks[i].id.objId) {
+                        isContinue = true;
+                        break;
+                    }
+                }
+                if (isContinue) continue;
+                if ((picks[i] && picks[i].primitive) || picks[i] instanceof Cesium.Cesium3DTileFeature) { //模型上拾取
+                    isOn3dtiles = true;
+                }
+            }
+            if (isOn3dtiles) {
+                cartesian = viewer.scene.pickPosition(px);
+            } else {
+                var ray = viewer.camera.getPickRay(px);
+                if (!ray) return null;
+                cartesian = viewer.scene.globe.pick(ray, viewer.scene);
+            }
+            return cartesian;
+        }
+    }
\ No newline at end of file

+import movePrompt from './MovePrompt';
+import addCompany from './addCompany';
+export default class CreateRectangle {
+        constructor(viewer, style) {
+            this.objId = Number((new Date()).getTime() + "" + Number(Math.random() * 1000).toFixed(0));
+            this.viewer = viewer;
+            this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.rectangle = null;
+            this.screenSpaceCameraController = [];
+            this.style = style;
+            this.rightdownPoint = null;
+            this.leftupPoint = null;
+            this.leftup = null;
+            this.rightdown = null;
+            this.radius = 0;
+            this.modifyPoint = null;
+            this.state = 0;
+            this.pointArr = [];
+            this.prompt = new movePrompt.movePrompt(viewer);
+        }
+        start(callBack) {
+            var that = this;
+            this.handler.setInputAction(function (evt) { //单机开始绘制
+                var cartesian = that.getCatesian3FromPX(evt.position, that.viewer, []);
+                if (!that.leftupPoint) {
+                    that.leftup = cartesian;
+                    that.leftupPoint = addCompany.createPoint.call(that, {position: cartesian});
+                    that.leftupPoint.typeAttr = "leftup";
+                    that.rightdownPoint = addCompany.createPoint.call(that, {position: cartesian.clone()});
+                    that.rightdown = cartesian.clone();
+                    that.rightdownPoint.typeAttr = "rightdown";
+                    that.rectangle = addCompany.createRectangle.call(that);
+                } else {
+                    return;
+                }
+            }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+            this.handler.setInputAction(function (evt) { //移动时绘制线
+                if (!that.leftupPoint) {
+                    that.prompt.updatePrompt(evt.endPosition, "单击开始绘制");
+                    return;
+                }
+                that.prompt.updatePrompt(evt.endPosition, "右键结束");
+                var cartesian = that.getCatesian3FromPX(evt.endPosition, that.viewer, []);
+                if (that.rightdownPoint) {
+                    that.rightdownPoint.position.setValue(cartesian);
+                    that.rightdown = cartesian.clone();
+                }
+                that.radius = Cesium.Cartesian3.distance(cartesian, that.leftup);
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+            this.handler.setInputAction(function () { //单机开始绘制
+                if (!that.rectangle) {
+                    return;
+                }
+                that.state = 1;
+                that.handler.destroy();
+                if (that.rightdownPoint) that.rightdownPoint.show = false;
+                if (that.leftupPoint) that.leftupPoint.show = false;
+                if (that.prompt) {
+                    that.prompt.destroy();
+                    that.prompt = null;
+                }
+                if (callBack) callBack(that.rectangle);
+            }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+        }
+        startModify(callback) {
+            if (this.state != 2 && this.state != 1) return; //表示还没绘制完成
+            if (!this.modifyHandler) this.modifyHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            var that = this;
+            if (that.rightdownPoint) that.rightdownPoint.show = true;
+            if (that.leftupPoint) that.leftupPoint.show = true;
+            this.modifyHandler.setInputAction(function (evt) {
+                if (!that.rectangle) return;
+                var pick = that.viewer.scene.pick(evt.position);
+                if (Cesium.defined(pick) && pick.id) {
+                    if (!pick.id.objId)
+                        that.modifyPoint = pick.id;
+                    that.forbidDrawWorld(true);
+                } else {
+                    if (that.rightdownPoint) that.rightdownPoint.show = false;
+                    if (that.leftupPoint) that.leftupPoint.show = false;
+                    if (that.modifyHandler) {
+                        that.modifyHandler.destroy();
+                        that.modifyHandler = null;
+                        if (callback) callback(that.rectangle);
+                    }
+                    that.state = 2;
+                }
+            }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+            this.modifyHandler.setInputAction(function (evt) {
+                if (!that.modifyPoint) return;
+                var cartesian = that.getCatesian3FromPX(evt.endPosition, that.viewer, [that.rectangle, that.modifyPoint]);
+                if (!cartesian) {
+                    return;
+                }
+                if (that.modifyPoint.typeAttr == "leftup") {
+                    that.leftup = cartesian
+                    that.leftupPoint.position.setValue(that.leftup);
+                    that.rectangle.position.setValue(that.leftup);
+                } else {
+                    that.rightdown = cartesian
+                    that.rightdownPoint.position.setValue(that.rightdown);
+                }
+                that.radius = Cesium.Cartesian3.distance(that.rightdown, that.leftup);
+            }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+
+            this.modifyHandler.setInputAction(function (evt) {
+                if (!that.modifyPoint) return;
+                that.modifyPoint = null;
+                that.forbidDrawWorld(false);
+            }, Cesium.ScreenSpaceEventType.LEFT_UP);
+        }
+        endModify(callback) {
+            if (this.rightdownPoint) this.rightdownPoint.show = false;
+            if (this.leftupPoint) this.leftupPoint.show = false;
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+                if (callback) callback(this.rectangle);
+            }
+            this.state = 2;
+        }
+        getPositions() {
+            return [this.leftup, this.rightdown]
+        }
+        getAttr() {
+            return obj;
+        }
+        setStyle(obj) {}
+        remove() {
+            if (this.rectangle) {
+                this.state = 0;
+                this.viewer.entities.remove(this.rectangle);
+                this.rectangle = null;
+            }
+        }
+        setVisible(vis) {
+            this.rectangle.show = vis;
+        }
+        forbidDrawWorld(isForbid) {
+            this.viewer.scene.screenSpaceCameraController.enableRotate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTilt = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableTranslate = !isForbid;
+            this.viewer.scene.screenSpaceCameraController.enableInputs = !isForbid;
+        }
+        destroy() {
+            if (this.handler) {
+                this.handler.destroy();
+                this.handler = null;
+            }
+            if (this.modifyHandler) {
+                this.modifyHandler.destroy();
+                this.modifyHandler = null;
+            }
+            if (this.rectangle) {
+                this.viewer.entities.remove(this.rectangle);
+                this.rectangle = null;
+            }
+            if (this.rightdownPoint) {
+                this.viewer.entities.remove(this.rightdownPoint);
+                this.rightdownPoint = null;
+            }
+            if (this.leftupPoint) {
+                this.viewer.entities.remove(this.leftupPoint);
+                this.leftupPoint = null;
+            }
+            this.style = null;
+            this.modifyPoint = null;
+            if (this.prompt) this.prompt.destroy();
+        }
+        getCatesian3FromPX(px, viewer, entitys) {
+            var picks = viewer.scene.drillPick(px); 
+            this.viewer.scene.render();
+            var cartesian;
+            var isOn3dtiles = false;
+            for (var i = 0; i < picks.length; i++) {
+                var isContinue = false;
+                for (var step = 0; step < entitys.length; step++) {
+                    if (entitys[step] && picks[i].id && entitys[step].objId == picks[i].id.objId) {
+                        isContinue = true;
+                        break;
+                    }
+                }
+                if (isContinue) continue;
+                if ((picks[i] && picks[i].primitive) || picks[i] instanceof Cesium.Cesium3DTileFeature) { //模型上拾取
+                    isOn3dtiles = true;
+                }
+            }
+            if (isOn3dtiles) {
+                cartesian = viewer.scene.pickPosition(px);
+            } else {
+                var ray = viewer.camera.getPickRay(px);
+                if (!ray) return null;
+                cartesian = viewer.scene.globe.pick(ray, viewer.scene);
+            }
+            return cartesian;
+        }
+    }
\ No newline at end of file

+import createBillboard from './createBillboard';
+import createPolyline from './createPolyline';
+import createPolygon from './createPolygon';
+import createCircle from './createCircle';
+import createRectangle from './createRectangle';
+export default {
+    drawTool: class DrawTool {
+        constructor(obj) {
+            if (!obj.viewer || !obj) {
+                console.warn("缺少必要参数！--viewer");
+                return;
+            }
+            this.viewer = obj.viewer;
+            this.hasEdit = obj.hasEdit;
+            this.toolArr = [];
+            this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+            this.show = obj.drawEndShow;
+            // this.lastSelectEntity = null;
+        }
+        startDraw(opt) {
+            var that = this;
+            if (opt.type == "polyline") {
+                var polyline = new createPolyline(this.viewer, opt.style);
+                polyline.start(function (evt) {
+                    if (that.hasEdit) {
+                        that.unbindEdit();
+                        polyline.startModify(opt.modifySuccess);
+                        that.lastSelectEntity = polyline;
+                    }
+                    if (opt.success) opt.success(evt);
+                    if (that.show == false) polyline.setVisible(false);
+                });
+                this.toolArr.push(polyline);
+            }
+            if (opt.type == "polygon") {
+                var polygon = new createPolygon(this.viewer, opt.style);
+                polygon.start(function () {
+                    if (that.hasEdit) {
+                        that.unbindEdit();
+                        polygon.startModify();
+                        that.lastSelectEntity = polygon;
+                    }
+                    if (opt.success) opt.success(polygon);
+                    if (that.show == false) polygon.setVisible(false);
+                });
+                this.toolArr.push(polygon);
+            }
+            if (opt.type == "billboard") {
+                var billboard = new createBillboard(this.viewer, opt.style);
+                billboard.start(function () {
+                    if (that.hasEdit) {
+                        that.unbindEdit();
+                        billboard.startModify();
+                        that.lastSelectEntity = billboard;
+                    }
+                    if (opt.success) opt.success(billboard);
+                    if (that.show == false) billboard.setVisible(false);
+                });
+                this.toolArr.push(billboard);
+            }
+            if (opt.type == "circle") {
+                var circle = new createCircle(this.viewer, opt.style);
+                circle.start(function () {
+                    if (that.hasEdit) {
+                        that.unbindEdit();
+                        circle.startModify();
+                        that.lastSelectEntity = circle;
+                    }
+                    if (opt.success) opt.success(circle);
+                    if (that.show == false) circle.setVisible(false);
+                });
+                this.toolArr.push(circle);
+            }
+            if (opt.type == "rectangle") {
+                var rectangle = new createRectangle(this.viewer, opt.style);
+                rectangle.start(function () {
+                    if (that.hasEdit) {
+                        that.unbindEdit();
+                        rectangle.startModify();
+                        that.lastSelectEntity = rectangle;
+                    }
+                    if (opt.success) opt.success(rectangle);
+                    if (that.show == false) rectangle.setVisible(false);
+                });
+                this.toolArr.push(rectangle);
+            }
+            //重写材质
+            if (opt.type == "flowPolyline") {
+                var polyline = new CreatePolyline(this.viewer, opt.style);
+                polyline.start(function () {
+                    if (that.hasEdit) {
+                        that.unbindEdit();
+                        polyline.startModify();
+                    }
+                    if (opt.success) opt.success(polyline);
+                });
+                this.toolArr.push(polyline);
+            }
+        }
+        createByPositions(opt) {
+            if (this.hasEdit) {
+                this.bindEdit();
+            }
+            if (!opt) opt = {};
+            if (opt.type == "polyline") {
+                var polyline = new CreatePolyline(this.viewer, opt.style);
+                polyline.createByPositions(opt.positions, opt.success);
+                this.toolArr.push(polyline);
+            }
+            if (opt.type == "polygon") {
+                var polygon = new CreatePolygon(this.viewer, opt.style);
+                polygon.createByPositions(opt.positions, opt.success);
+                this.toolArr.push(polygon);
+            }
+            if (opt.type == "billboard") {
+                var billboard = new CreateBillboard(this.viewer, opt.style);
+                billboard.createByPositions(opt.positions, function(){
+                    if(opt.success) opt.success(billboard)
+                });
+                this.toolArr.push(billboard);
+            }
+        }
+        destroy() {
+            for (var i = 0; i < this.toolArr.length; i++) {
+                var obj = this.toolArr[i];
+                obj.destroy();
+            }
+        }
+        bindEdit() {
+            var that = this;
+            this.handler.setInputAction(function (evt) { //单机开始绘制
+                var pick = that.viewer.scene.pick(evt.position);
+                if (Cesium.defined(pick) && pick.id) {
+                    for (var i = 0; i < that.toolArr.length; i++) {
+                        if (pick.id.objId == that.toolArr[i].objId && (that.toolArr[i].state == 1||that.toolArr[i].state == 2)) {
+                            if (that.lastSelectEntity) {
+                                that.lastSelectEntity.endModify();
+                            }
+                            that.toolArr[i].startModify();
+                            that.lastSelectEntity = that.toolArr[i];
+                            break;
+                        }
+                    }
+                }
+            }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+        }
+        unbindEdit() {
+            for (var i = 0; i < this.toolArr.length; i++) {
+                this.toolArr[i].endModify();
+            }
+        }
+        getCatesian3FromPX(px, viewer, entitys) {
+            var picks = viewer.scene.drillPick(px); 
+            this.viewer.scene.render();
+            var cartesian;
+            var isOn3dtiles = false;
+            for (var i = 0; i < picks.length; i++) {
+                var isContinue = false;
+                for (var step = 0; step < entitys.length; step++) {
+                    if (entitys[step] && picks[i].id && entitys[step].objId == picks[i].id.objId) {
+                        isContinue = true;
+                        break;
+                    }
+                }
+                if (isContinue) continue;
+                if ((picks[i] && picks[i].primitive) || picks[i] instanceof Cesium.Cesium3DTileFeature) { //模型上拾取
+                    isOn3dtiles = true;
+                }
+            }
+            if (isOn3dtiles) {
+                cartesian = viewer.scene.pickPosition(px);
+            } else {
+                var ray = viewer.camera.getPickRay(px);
+                if (!ray) return null;
+                cartesian = viewer.scene.globe.pick(ray, viewer.scene);
+            }
+            return cartesian;
+        }
+    }
+}
\ No newline at end of file

+export default 
+    class Roller {
+        constructor(obj) {
+            this.imageryLayers = obj.imageryLayers;
+            this.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
+                url: obj.url,
+                layer: "tdtBasicLayer",
+                style: "default",
+                format: "image/jpeg",
+                tileMatrixSetID: "GoogleMapsCompatible",
+                show: false
+            })).splitDirection = Cesium.ImagerySplitDirection.LEFT;
+        }
+        screen(opt) {
+            var slider = opt.slider, handler = new Cesium.ScreenSpaceEventHandler(slider), moveActive = false;
+            function move(movement) {
+                if (!moveActive) return;
+                var relativeOffset = movement.endPosition.x;
+                var splitPosition =
+                    (slider.offsetLeft + relativeOffset) /
+                    slider.parentElement.offsetWidth;
+                slider.style.left = 100.0 * splitPosition + "%";
+                opt.viewer.scene.imagerySplitPosition = splitPosition;
+            }
+
+            handler.setInputAction(function () {
+                moveActive = true;
+            }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+            handler.setInputAction(function () {
+                moveActive = true;
+            }, Cesium.ScreenSpaceEventType.PINCH_START);
+
+            handler.setInputAction(move, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+            handler.setInputAction(move, Cesium.ScreenSpaceEventType.PINCH_MOVE);
+
+            handler.setInputAction(function () {
+                moveActive = false;
+            }, Cesium.ScreenSpaceEventType.LEFT_UP);
+            handler.setInputAction(function () {
+                moveActive = false;
+            }, Cesium.ScreenSpaceEventType.PINCH_END);
+        }
+    }
\ No newline at end of file