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);
|
}
|
|
});
|
});
|
