部分接口的端口更换，卷帘对比的核对，完善卷帘对比功能

shuishen

2021-06-05 85bcf0300cfbdfbd518e380b8f8dc09445e0c1f8

部分接口的端口更换，卷帘对比的核对，完善卷帘对比功能

 config.json

@@ -105,7 +105,7 @@
        "position": {
          "right": 10,
          "top": 96,
          "width": "400px",
          "width": "472px",
          "height": "50px",
          "relativeTo": "map"
        }
@@ -181,8 +181,8 @@
    }
  },
  "map": {
    "3D": true,
    "2D": false,
    "3D": false,
    "2D": true,
    "position": {
      "left": 0,
      "top": 0,

 widgets/Layermanagement/datas.json

@@ -3,7 +3,7 @@
    {
      "date": "2020-09-12 08:53:28",
      "hasChildren": true,
      "icon": "http://www.sw797.com:801/gzsw3D/v2/images/icon/mrtc.png",
      "icon": "http://www.sw797.com:10011/gzsw3D/v2/images/icon/mrtc.png",
      "id": "1",
      "isCheck": "1",
      "isDisable": "1",
@@ -66,7 +66,7 @@
    {
      "date": "2020-09-12 08:53:28",
      "hasChildren": true,
      "icon": "http://www.sw797.com:801/gzsw3D/v2/images/icon/mrtc.png",
      "icon": "http://www.sw797.com:10011/gzsw3D/v2/images/icon/mrtc.png",
      "id": "5",
      "isCheck": "1",
      "isDisable": "1",
@@ -144,7 +144,7 @@
    },{
      "date": "2020-09-12 08:53:28",
      "hasChildren": true,
      "icon": "http://www.sw797.com:801/gzsw3D/v2/images/icon/mrtc.png",
      "icon": "http://www.sw797.com:10011/gzsw3D/v2/images/icon/mrtc.png",
      "id": "9",
      "isCheck": "1",
      "isDisable": "1",

 widgets/Location/CommonPointLayer3D.js

@@ -153,7 +153,7 @@
                    } else if (txt == "水质站") {
                        // 与实体相关的图片
                        billbo = {
                            image: 'http://www.sw797.com:801/gzsw3D/v2/images/icon/szz.png',
                            image: 'http://www.sw797.com:10011/gzsw3D/v2/images/icon/szz.png',
                            pixelOffset: new Cesium.Cartesian2(0, 0),
                            width: 16,
                            height: 16,
@@ -179,7 +179,7 @@
                    } else if (txt == "中小河流站") {
                        // 与实体相关的图片
                        billbo = {
                            image: 'http://www.sw797.com:801/gzsw3D/v2/images/icon/zxhlz.png',
                            image: 'http://www.sw797.com:10011/gzsw3D/v2/images/icon/zxhlz.png',
                            pixelOffset: new Cesium.Cartesian2(0, 0),
                            width: 16,
                            height: 16,

 widgets/Location/Widget.js

@@ -511,7 +511,7 @@
                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        var div = "<div class='location-lb'>" +
                        //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                        //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                        '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' + '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' + "</div>";
                        $("#loc-tab1-grid").append(div);
                    }
@@ -523,7 +523,7 @@
                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        var div = "<div id='location-lb' class='location-lb'>" +
                        //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                        //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                        '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' + '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' + "</div>";
                        $("#loc-tab2-grid").append(div);
                    }
@@ -535,7 +535,7 @@
                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        var div = "<div id='location-lb' class='location-lb'>" +
                        //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                        //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                        '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' + '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、村'] + '</div>' + "</div>";
                        $("#loc-tab3-grid").append(div);
                    }

 widgets/Location/Widget_copy.js

@@ -525,7 +525,7 @@
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' +
@@ -540,7 +540,7 @@
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div id='location-lb' class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' +
@@ -556,7 +556,7 @@
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div id='location-lb' class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、村'] + '</div>' +

 widgets/Location/Widget_copy2.js

@@ -603,7 +603,7 @@
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' +
@@ -618,7 +618,7 @@
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div id='location-lb' class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、'] + '</div>' +
@@ -634,7 +634,7 @@
                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            var div = "<div id='location-lb' class='location-lb'>" +
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:801/gzsw3D/v2/images/icon/swenz.png>'+
                                //'<img style="width: 20px;height: 20px" src=http://www.sw797.com:10011/gzsw3D/v2/images/icon/swenz.png>'+
                                '<a>' + (i + 1 + this.DWindex) + '、' + data[i].STNM + '</a>' + '&ensp;(' + data[i].STCD + ')' +
                                '<div class=location-zb><lable>流域：</lable>' + data[i]['流域'] + '</div>' +
                                '<div class=location-zb><lable>所在乡镇：</lable>' + data[i]['所在乡镇、村'] + '</div>' +

 widgets/Marker/Widget.js

@@ -220,7 +220,7 @@
                          offset: '70px',
                          maxmin: true, //开启最大化最小化按钮
                          area: ['100%', 'calc(100% - 70px)'],
                          content: 'http://www.sw797.com:801/gzsw3D/views/water/River_Len.html'
                          content: 'http://www.sw797.com:10011/gzsw3D/views/water/River_Len.html'
                        });
                
            }));

 widgets/Query/Widget.js

@@ -26,7 +26,7 @@

            onOpen: function() {
                //面板打开的时候触发 （when open this panel trigger）
                parent.open('http://www.sw797.com:801/gzapp/#monitorduty')
                parent.open('http://www.sw797.com:10011/gzapp/#monitorduty')
            },

            onClose: function() {

 widgets/Rolling/Widget copy.js

@@ -45,7 +45,7 @@
                    {
                        "label": "赣州市离线影像",
                        "type": "url",
                        "url": "http://www.sw797.com:801/gzsw3D/v2/data/wp/{z}/{x}/{y}.png"
                        "url": "http://www.sw797.com:10011/gzsw3D/v2/data/wp/{z}/{x}/{y}.png"
                    }
                ]
            },

 widgets/Rolling/Widget.html

@@ -3,8 +3,8 @@
        <div class="hezi-left-select">
            <span class="hezi-leftspan" id="gaibian">左侧图层 :</span>
            <select class="hezi-select" id="hezi-selectLeft">
                <option class="optionVal2" value="2">天地图矢量</option>
                <option class="optionVal1" value="1">天地图影像</option>
                <option class="optionVal2" value="2">天地图矢量</option>
            </select>
        </div>
        <div class="hezi-right-select">

 widgets/Rolling/Widget.js

@@ -1,11 +1,11 @@
define([
    'dojo/_base/declare',
    'dojo/_base/lang',
    'dojo/_base/array',
    'dojo/_base/html',
    'dojo/topic',
    'jimu/BaseWidget',
],
        'dojo/_base/declare',
        'dojo/_base/lang',
        'dojo/_base/array',
        'dojo/_base/html',
        'dojo/topic',
        'jimu/BaseWidget',
    ],
    function (declare,
        lang,
        array,
@@ -37,12 +37,6 @@
                "tileMatrixSetID": "w",
                "maximumLevel": 17
            }],
            // 赣州地图
            imageryProviderArrUrl: [{
                "label": "赣州市离线影像",
                "type": "url",
                "url": "http://www.sw797.com:801/gzsw3D/v2/data/wp/{z}/{x}/{y}.png"
            }],
            // 天地图电子
            imageryProviderDian: [{
                "label": "天地图矢量",
@@ -67,57 +61,44 @@
            earthAtNightRight: '',
            zjLeft: 0,
            zjRight: '',

            tiandituLeft: '',
            tiandituZJLeft: '',
            tiandituRight: '',
            tiandituZJRight: '',
            ganZhouYinLeft: '',
            ganZhouYinRight: '',

            startup: function () {
                topic.subscribe("openRolling", lang.hitch(this, this.openRolling));
                var that = this;
                // 点击卷帘关闭面板
                $('.rollinng-table-hezi-xx').click(function () {

                    that.map.imageryLayers.remove(that.earthAtNightLeft);
                    that.map.imageryLayers.remove(that.earthAtNightRight);
                    that.map.imageryLayers.remove(that.zjLeft);

                    that.map.imageryLayers.remove(that.earthAtNightRight);
                    that.map.imageryLayers.remove(that.zjRight);
                    
                    
                    that.map.imageryLayers.remove(that.tiandituLeft);
                    that.map.imageryLayers.remove(that.tiandituZJLeft);

                    that.map.imageryLayers.remove(that.tiandituRight);
                    that.map.imageryLayers.remove(that.tiandituZJRight);
                    that.map.imageryLayers.remove(that.ganZhouYinLeft);
                    that.map.imageryLayers.remove(that.ganZhouYinRight);
         
                    $('.jimu-widget-Rolling').hide();
                    $('#hezi-selectLeft').val(2);
                    $('#hezi-selectRight').val(3);
                   
                });

                // 加载左边图层
                $('#hezi-selectLeft').on('change', function () {
                    // 将滑块的位置与拆分位置同步
                    var slider = document.getElementById('slider');
                    that.map.scene.imagerySplitPosition = (slider.offsetLeft - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                    that.map.scene.imagerySplitPosition.x = (slider.offsetLeft - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                    if ($(this).val() == 2) {
                        // viewer.imageryLayers.remove(that.tiandituLeft);
                        // viewer.imageryLayers.remove(that.tiandituZJLeft);
                        viewer.imageryLayers.remove(that.ganZhouYinLeft);
                        loadMapTianLeft();
                    } else if ($(this).val() == 1) {
                        loadMapLeft();
                        that.earthAtNightLeft.splitDirection = Cesium.ImagerySplitDirection.LEFT;
                        that.zjLeft.splitDirection = Cesium.ImagerySplitDirection.LEFT;
                    }
                    else if ($(this).val() == 1) {
                        viewer.imageryLayers.remove(that.earthAtNightLeft);
                        viewer.imageryLayers.remove(that.zjLeft);
                        // viewer.imageryLayers.remove(that.tiandituLeft);
                        // viewer.imageryLayers.remove(that.tiandituZJLeft);
                        loadMapGzLeft();
                        that.ganZhouYinLeft.splitDirection = Cesium.ImagerySplitDirection.LEFT;
                    }
                    else {
                        viewer.imageryLayers.remove(that.earthAtNightLeft);
                        viewer.imageryLayers.remove(that.zjLeft);
                        viewer.imageryLayers.remove(that.ganZhouYinLeft);
                    }
                });

@@ -126,135 +107,115 @@
                    // debugger
                    // 将滑块的位置与拆分位置同步
                    var slider = document.getElementById('slider');
                    that.map.scene.imagerySplitPosition = (slider.offsetLeft - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                    that.map.scene.imagerySplitPosition.x = (slider.offsetLeft - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                    if ($(this).val() == 2) {
                        // loadMap(that.earthAtNightRight, that.zjRight);
                        viewer.imageryLayers.remove(that.tiandituRight);
                        viewer.imageryLayers.remove(that.tiandituZJRight);
                        loadMapRight();
                        that.earthAtNightRight.splitDirection = Cesium.ImagerySplitDirection.RIGHT;
                        that.zjRight.splitDirection = Cesium.ImagerySplitDirection.RIGHT;
                    }
                    else if ($(this).val() == 3) {
                        viewer.imageryLayers.remove(that.earthAtNightRight);
                        viewer.imageryLayers.remove(that.zjRight);
                    } else if ($(this).val() == 1) {
                        loadMapTianRight();
                        that.tiandituRight.splitDirection = Cesium.ImagerySplitDirection.RIGHT;
                        that.tiandituZJRight.splitDirection = Cesium.ImagerySplitDirection.RIGHT;
                    }
                    else {
                        viewer.imageryLayers.remove(that.earthAtNightRight);
                        viewer.imageryLayers.remove(that.zjRight);
                        loadMapGzRight();
                        that.ganZhouYinRight.splitDirection = Cesium.ImagerySplitDirection.RIGHT;
                        // viewer.imageryLayers.remove(that.tiandituRight);
                        // viewer.imageryLayers.remove(that.tiandituZJRight);
                    }
                    } 
                });


                // 加载左边天地图影像图层方法
                function loadMapLeft() {
                    that.map.imageryLayers.remove(that.tiandituLeft);
                    that.map.imageryLayers.remove(that.tiandituZJLeft);
                    //imageryLayers获取将在地球上渲染的图像图层的集合
                    var layers = viewer.imageryLayers;
                    //addImageryProvider使用给定的ImageryProvider创建一个新层，并将其添加到集合中
                    that.earthAtNightLeft = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.earthAtNightLeft = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderAdd[0]
                    ));
                    that.zjLeft = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.zjLeft = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderAdd[1]
                    ));
                }

                // 加载左边赣州影像图层方法
                function loadMapGzLeft() {
                    //imageryLayers获取将在地球上渲染的图像图层的集合
                    var layers = viewer.imageryLayers;
                    //addImageryProvider使用给定的ImageryProvider创建一个新层，并将其添加到集合中  UrlTemplateImageryProvider
                    that.ganZhouYinLeft = layers.addImageryProvider(new Cesium.UrlTemplateImageryProvider(
                        that.imageryProviderArrUrl[0]
                    ));
                    that.earthAtNightLeft.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.LEFT, Cesium.ImagerySplitDirection.NONE);
                    that.zjLeft.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.LEFT, Cesium.ImagerySplitDirection.NONE);
                }

                // 加载左边天地图电子图层方法
                function loadMapTianLeft() {
                    that.map.imageryLayers.remove(that.earthAtNightLeft);
                    that.map.imageryLayers.remove(that.zjLeft);
                    //imageryLayers获取将在地球上渲染的图像图层的集合
                    var layers = viewer.imageryLayers;
                    //addImageryProvider使用给定的ImageryProvider创建一个新层，并将其添加到集合中
                    that.tiandituLeft = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.tiandituLeft = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderDian[0]
                    ));
                    that.tiandituZJLeft = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.tiandituZJLeft = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderDian[1]
                    ));

                    that.tiandituLeft.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.LEFT, Cesium.ImagerySplitDirection.NONE);
                    that.tiandituZJLeft.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.LEFT, Cesium.ImagerySplitDirection.NONE);
                }


                // 加载右边天地图影像图层方法
                function loadMapRight() {
                    that.map.imageryLayers.remove(that.tiandituRight);
                    that.map.imageryLayers.remove(that.tiandituZJRight);
                    //imageryLayers获取将在地球上渲染的图像图层的集合
                    var layers = viewer.imageryLayers;
                    //addImageryProvider使用给定的ImageryProvider创建一个新层，并将其添加到集合中
                    that.earthAtNightRight = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.earthAtNightRight = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderAdd[0]
                    ));
                    that.zjRight = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.zjRight = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderAdd[1]
                    ));
                    that.earthAtNightRight.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.RIGHT, Cesium.ImagerySplitDirection.NONE);
                    that.zjRight.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.RIGHT, Cesium.ImagerySplitDirection.NONE);
                }

                // 加载右边天地图电子图层方法
                function loadMapTianRight() {
                    that.map.imageryLayers.remove(that.earthAtNightRight);
                    that.map.imageryLayers.remove(that.zjRight);
                    //imageryLayers获取将在地球上渲染的图像图层的集合
                    var layers = viewer.imageryLayers;
                    //addImageryProvider使用给定的ImageryProvider创建一个新层，并将其添加到集合中
                    that.tiandituRight = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.tiandituRight = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderDian[0]
                    ));
                    that.tiandituZJRight = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.tiandituZJRight = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderDian[1]
                    ));
                    that.tiandituRight.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.RIGHT, Cesium.ImagerySplitDirection.NONE);
                    that.tiandituZJRight.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.RIGHT, Cesium.ImagerySplitDirection.NONE);
                }

                 // 加载右边赣州影像图层方法
                 function loadMapGzRight() {
                    //imageryLayers获取将在地球上渲染的图像图层的集合
                    var layers = viewer.imageryLayers;
                    //addImageryProvider使用给定的ImageryProvider创建一个新层，并将其添加到集合中  UrlTemplateImageryProvider
                    that.ganZhouYinRight = layers.addImageryProvider(new Cesium.UrlTemplateImageryProvider(
                        that.imageryProviderArrUrl[0]
                    ));
                }

                var handler = new Cesium.ScreenSpaceEventHandler(slider);

                var moveActive = false;

                function move(movement) {
                    if (!moveActive) {
                        return;
                    }
                    var relativeOffset = movement.endPosition.x;

                    // 将滑块的位置与拆分位置同步
                    viewer.scene.imagerySplitPosition = (slider.offsetLeft + relativeOffset - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                    slider.style.left = 100.0 * + (slider.offsetLeft + relativeOffset) / (slider.parentElement.offsetWidth) + '%';
                    that.map.scene.imagerySplitPosition.x = (slider.offsetLeft + relativeOffset - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                    slider.style.left = 100.0 * +(slider.offsetLeft + relativeOffset) / (slider.parentElement.offsetWidth) + '%';

                }


                handler.setInputAction(function () {
                    moveActive = true;
                }, Cesium.ScreenSpaceEventType.LEFT_DOWN);//左键按下事件
                }, Cesium.ScreenSpaceEventType.LEFT_DOWN); //左键按下事件
                handler.setInputAction(function () {
                    moveActive = true;
                }, Cesium.ScreenSpaceEventType.PINCH_START);//触摸表面上双指事件的开始
                }, Cesium.ScreenSpaceEventType.PINCH_START); //触摸表面上双指事件的开始

                handler.setInputAction(move, Cesium.ScreenSpaceEventType.MOUSE_MOVE);//鼠标移动事件
                handler.setInputAction(move, Cesium.ScreenSpaceEventType.PINCH_MOVE);//触摸表面上双指移动事件
                handler.setInputAction(move, Cesium.ScreenSpaceEventType.MOUSE_MOVE); //鼠标移动事件
                handler.setInputAction(move, Cesium.ScreenSpaceEventType.PINCH_MOVE); //触摸表面上双指移动事件

                handler.setInputAction(function () {
                    moveActive = false;
                }, Cesium.ScreenSpaceEventType.LEFT_UP);//鼠标左键抬起事件
                }, Cesium.ScreenSpaceEventType.LEFT_UP); //鼠标左键抬起事件
                handler.setInputAction(function () {
                    moveActive = false;
                }, Cesium.ScreenSpaceEventType.PINCH_END);//触摸表面上的双指事件的结束
                }, Cesium.ScreenSpaceEventType.PINCH_END); //触摸表面上的双指事件的结束
            },

            openRolling: function (item) {
@@ -268,23 +229,31 @@
                var that = this;
                if (this.flag != true) return;
                var slider = document.getElementById('slider');
                that.map.scene.imagerySplitPosition = (slider.offsetLeft - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                that.map.scene.imagerySplitPosition = 0.5;
                loadMapLeft();
                that.earthAtNightLeft.splitDirection = Cesium.ImagerySplitDirection.LEFT;
                that.zjLeft.splitDirection = Cesium.ImagerySplitDirection.LEFT;
                that.map.scene.imagerySplitPosition.x = (slider.offsetLeft - slider.parentElement.offsetWidth) / (slider.parentElement.offsetWidth);
                that.map.scene.imagerySplitPosition.x = 0.5;

                function loadMapLeft() {
                    //imageryLayers获取将在地球上渲染的图像图层的集合
                    var layers = that.map.imageryLayers;
                    //addImageryProvider使用给定的ImageryProvider创建一个新层，并将其添加到集合中
                    that.earthAtNightLeft = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderAdd[0]
                    ));
                    that.zjLeft = layers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                        that.imageryProviderAdd[1]
                    ));
                }


                that.earthAtNightLeft = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.imageryProviderAdd[0]
                ));
                that.zjLeft = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.imageryProviderAdd[1]
                ));

                that.earthAtNightLeft.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.LEFT, Cesium.ImagerySplitDirection.NONE);
                that.zjLeft.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.LEFT, Cesium.ImagerySplitDirection.NONE);

               
                that.tiandituRight = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.imageryProviderDian[0]
                ));
                that.tiandituZJRight = that.map.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(
                    that.imageryProviderDian[1]
                ));

                that.tiandituRight.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.RIGHT, Cesium.ImagerySplitDirection.NONE);
                that.tiandituZJRight.splitDirection = new Cesium.Cartesian2(Cesium.ImagerySplitDirection.RIGHT, Cesium.ImagerySplitDirection.NONE);
            },



 widgets/Rolling/css/style.css

@@ -13,28 +13,28 @@
  display: none;
}

.rollinng-table-hezi {
.jimu-widget-Rolling .rollinng-table-hezi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}

.hezi-left-select {
.jimu-widget-Rolling .hezi-left-select {
  line-height: 50px;
}

.hezi-right-select {
.jimu-widget-Rolling .hezi-right-select {
  height: 32px;
}

.hezi-leftspan, .hezi-rightspan {
.jimu-widget-Rolling .hezi-leftspan, .hezi-rightspan {
  font-size: 14px;
  color: #fff;
  margin-right: 7px;
}

.hezi-select {
.jimu-widget-Rolling .hezi-select {
  background-color: #404853;
  color: #fff;
  padding: 5px;
@@ -44,23 +44,23 @@



.hezi-select:hover {
.jimu-widget-Rolling .hezi-select:hover {
  background-color: #ccc;
  color: #3c464b;
}

.rollinng-table-hezi-xx {
.jimu-widget-Rolling .rollinng-table-hezi-xx {
  font-size: 20px;
  margin-bottom: 5px;
  margin-left: 5px;
}

.rollinng-table-hezi-xx:hover {
.jimu-widget-Rolling .rollinng-table-hezi-xx:hover {
  cursor: pointer;
  color: red;
}

#slider {
.jimu-widget-Rolling #slider {
  position: absolute;
  left: 150%;
  top: 0;
@@ -70,11 +70,11 @@
  z-index: 1;
}

#slider:hover {
.jimu-widget-Rolling #slider:hover {
  cursor: ew-resize;
}

.hiddenHeZi {
.jimu-widget-Rolling .hiddenHeZi {
  position: fixed;
  width: 100%;
  height: 100%;

 widgets/visualAngle/Widget.js

@@ -35,6 +35,28 @@
                    $(".v-a-One").css({ 'backgroundColor': '#3F9DFD', 'color': '#fff' });
                    $(this).find('.v-a-o-img').attr("src", "../../../images/addL/wtiyan.png");
                    // .attr("src", src_value);

                    // 控制视角平移：
                    that.map.scene.screenSpaceCameraController.enableRotate = true

                    // true: 允许左键按下视角平移；

                    // false: 禁止左键按下视角平移；

                    // 控制视角缩放：
                    that.map.scene.screenSpaceCameraController.enableZoom = true

                    // true: 允许中键缩放视角；

                    // false:禁止中键缩放视角；

                    // 控制视角旋转：
                    that.map.scene.screenSpaceCameraController.enableTilt = true

                    // true:允许视角旋转；

                    // false:禁止视角旋转；

                })
                $(".v-a-Two").click(function () {
                    that.clearColor('two');
@@ -45,6 +67,9 @@
                    that.clearColor('three');
                    $(".v-a-Three").css({ 'backgroundColor': '#3F9DFD', 'color': '#fff' });
                    $(this).find('.v-a-o-img').attr("src", "../../../images/addL/wshijiao.png");
                    that.map.scene.screenSpaceCameraController.enableRotate = false
                    that.map.scene.screenSpaceCameraController.enableZoom = true
                    that.map.scene.screenSpaceCameraController.enableTilt = false
                })

                // $('.RouteNavigate-tool').click(function () {