define([ 'dojo/_base/declare', 'dojo/_base/lang', 'dojo/_base/array', 'dojo/_base/html', 'dojo/topic', 'jimu/BaseWidget', ], function (declare, lang, array, html, topic, BaseWidget ) { return declare([BaseWidget], { baseClass: 'jimu-widget-Screen', name: 'Screen', flag: false, viewers1: '', viewerss: '', startup: function () { var that = this; // 点击卷帘关闭面板 $('.rollinng-table-hezi-xxs').click(function () { $('.jimu-widget-Screen').hide(); }); // 加载左边图层 $('#hezi-selectLefts').on('change', function () { console.log(that.viewers1, 11111111) $('#sliders2').html(""); that.viewers1 = ''; if ($(this).val() == 2) { that.viewers1 = new Cesium.Viewer('sliders2', { baseLayerPicker: false, animation: false,//是否创建动画小器件，左下角仪表 baseLayerPicker: false,//是否显示图层选择器 fullscreenButton: false,//是否显示全屏按钮 geocoder: false,//是否显示geocoder小器件，右上角查询按钮 homeButton: false,//是否显示Home按钮 infoBox: false,//是否显示信息框 sceneModePicker: false,//是否显示3D/2D选择器 selectionIndicator: false,//是否显示选取指示器组件 timeline: false,//是否显示时间轴 navigationHelpButton: false,//是否显示右上角的帮助按钮 imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ "label": "天地图矢量", "type": "wmts", "url": "http://t0.tianditu.gov.cn/vec_w/wmts?tk=e9533f5acb2ac470b07f406a4d24b4f0", "layer": "vec", "style": "default", "format": "tiles", "tileMatrixSetID": "w", "maximumLevel": 17 }) }); that.viewers1._cesiumWidget._creditContainer.style.display = "none"; that.initHandler() } else if ($(this).val() == 1) { that.viewers1 = new Cesium.Viewer('sliders2', { baseLayerPicker: false, animation: false,//是否创建动画小器件，左下角仪表 baseLayerPicker: false,//是否显示图层选择器 fullscreenButton: false,//是否显示全屏按钮 geocoder: false,//是否显示geocoder小器件，右上角查询按钮 homeButton: false,//是否显示Home按钮 infoBox: false,//是否显示信息框 sceneModePicker: false,//是否显示3D/2D选择器 selectionIndicator: false,//是否显示选取指示器组件 timeline: false,//是否显示时间轴 navigationHelpButton: false,//是否显示右上角的帮助按钮 imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ "label": "天地图影像", "type": "wmts", "url": "http://t0.tianditu.gov.cn/img_w/wmts?tk=e9533f5acb2ac470b07f406a4d24b4f0", "layer": "img", "style": "default", "format": "tiles", "tileMatrixSetID": "w", "maximumLevel": 17 }) }); that.viewers1._cesiumWidget._creditContainer.style.display = "none"; that.initHandler() } }); // 加载右边图层 $('#hezi-selectRights').on('change', function () { $('#sliders1').html(""); that.viewerss = ''; if ($(this).val() == 1) { that.viewerss = new Cesium.Viewer('sliders1', { baseLayerPicker: false, animation: false,//是否创建动画小器件，左下角仪表 baseLayerPicker: false,//是否显示图层选择器 fullscreenButton: false,//是否显示全屏按钮 geocoder: false,//是否显示geocoder小器件，右上角查询按钮 homeButton: false,//是否显示Home按钮 infoBox: false,//是否显示信息框 sceneModePicker: false,//是否显示3D/2D选择器 selectionIndicator: false,//是否显示选取指示器组件 timeline: false,//是否显示时间轴 navigationHelpButton: false,//是否显示右上角的帮助按钮 imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ "label": "天地图矢量", "type": "wmts", "url": "http://t0.tianditu.gov.cn/vec_w/wmts?tk=e9533f5acb2ac470b07f406a4d24b4f0", "layer": "vec", "style": "default", "format": "tiles", "tileMatrixSetID": "w", "maximumLevel": 17 }) }); that.viewerss._cesiumWidget._creditContainer.style.display = "none"; that.initHandler() } else if ($(this).val() == 2) { that.viewerss = new Cesium.Viewer('sliders1', { baseLayerPicker: false, animation: false,//是否创建动画小器件，左下角仪表 baseLayerPicker: false,//是否显示图层选择器 fullscreenButton: false,//是否显示全屏按钮 geocoder: false,//是否显示geocoder小器件，右上角查询按钮 homeButton: false,//是否显示Home按钮 infoBox: false,//是否显示信息框 sceneModePicker: false,//是否显示3D/2D选择器 selectionIndicator: false,//是否显示选取指示器组件 timeline: false,//是否显示时间轴 navigationHelpButton: false,//是否显示右上角的帮助按钮 imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ "label": "天地图影像", "type": "wmts", "url": "http://t0.tianditu.gov.cn/img_w/wmts?tk=e9533f5acb2ac470b07f406a4d24b4f0", "layer": "img", "style": "default", "format": "tiles", "tileMatrixSetID": "w", "maximumLevel": 17 }) }); that.viewerss._cesiumWidget._creditContainer.style.display = "none"; that.initHandler() } }); }, onOpen: function () { var that = this; that.viewers1 = new Cesium.Viewer('sliders2', { baseLayerPicker: false, animation: false,//是否创建动画小器件，左下角仪表 baseLayerPicker: false,//是否显示图层选择器 fullscreenButton: false,//是否显示全屏按钮 geocoder: false,//是否显示geocoder小器件，右上角查询按钮 homeButton: false,//是否显示Home按钮 infoBox: false,//是否显示信息框 sceneModePicker: false,//是否显示3D/2D选择器 selectionIndicator: false,//是否显示选取指示器组件 timeline: false,//是否显示时间轴 navigationHelpButton: false,//是否显示右上角的帮助按钮 imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ "label": "天地图矢量", "type": "wmts", "url": "http://t0.tianditu.gov.cn/vec_w/wmts?tk=e9533f5acb2ac470b07f406a4d24b4f0", "layer": "vec", "style": "default", "format": "tiles", "tileMatrixSetID": "w", "maximumLevel": 17 }) }); that.viewers1._cesiumWidget._creditContainer.style.display = "none"; that.viewerss = new Cesium.Viewer('sliders1', { baseLayerPicker: false, animation: false,//是否创建动画小器件，左下角仪表 baseLayerPicker: false,//是否显示图层选择器 fullscreenButton: false,//是否显示全屏按钮 geocoder: false,//是否显示geocoder小器件，右上角查询按钮 homeButton: false,//是否显示Home按钮 infoBox: false,//是否显示信息框 sceneModePicker: false,//是否显示3D/2D选择器 selectionIndicator: false,//是否显示选取指示器组件 timeline: false,//是否显示时间轴 navigationHelpButton: false,//是否显示右上角的帮助按钮 imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ "label": "天地图矢量", "type": "wmts", "url": "http://t0.tianditu.gov.cn/vec_w/wmts?tk=e9533f5acb2ac470b07f406a4d24b4f0", "layer": "vec", "style": "default", "format": "tiles", "tileMatrixSetID": "w", "maximumLevel": 17 }) }); that.viewerss._cesiumWidget._creditContainer.style.display = "none"; that.initHandler() }, //鼠标监听事件 initHandler: function () { var that = this; var _self = this; // if (_self.handler && _self.handler.getInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE) || _self.handler1 && _self.handler1.getInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE)) { // return; // } _self.handler = new Cesium.ScreenSpaceEventHandler(that.viewers1.scene.canvas); _self.handler1 = new Cesium.ScreenSpaceEventHandler(that.viewerss.scene.canvas); _self.handler.setInputAction(function (movement) { console.log(movement, 2); var _camerca = that.viewers1.camera; that.viewerss.camera.setView({ destination: _camerca.position, orientation: { direction: _camerca._direction, up: _camerca.up, heading: _camerca.heading, pitch: _camerca.pitch, roll: _camerca.roll } }); }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); _self.handler.setInputAction(function (movement) { var _camerca = that.viewers1.camera; that.viewerss.camera.setView({ destination: _camerca.position, orientation: { direction: _camerca._direction, up: _camerca.up, heading: _camerca.heading, pitch: _camerca.pitch, roll: _camerca.roll } }); }, Cesium.ScreenSpaceEventType.WHEEL); _self.handler1.setInputAction(function (movement) { var _camercas = that.viewerss.camera; that.viewers1.camera.setView({ destination: _camercas.position, orientation: { direction: _camercas._direction, up: _camercas.up, heading: _camercas.heading, pitch: _camercas.pitch, roll: _camercas.roll } }); }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); _self.handler1.setInputAction(function (movement) { var _camercas = that.viewerss.camera; that.viewers1.camera.setView({ destination: _camercas.position, orientation: { direction: _camercas._direction, up: _camercas.up, heading: _camercas.heading, pitch: _camercas.pitch, roll: _camercas.roll } }); }, Cesium.ScreenSpaceEventType.WHEEL); }, onClose: function () { //面板关闭的时候触发 （when this panel is closed trigger） }, onMinimize: function () { this.resize(); }, onMaximize: function () { this.resize(); }, resize: function () { }, destroy: function () { //销毁的时候触发 //todo //do something before this func this.inherited(arguments); } }); });