layui.use(['element', 'form', 'upload', 'slider', 'colorpicker', 'table'], function () {
|
var $ = layui.jquery
|
, element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
|
var form = layui.form;
|
var upload = layui.upload;
|
var slider = layui.slider;
|
var colorpicker = layui.colorpicker;
|
var table = layui.table;
|
//设置最大最小值
|
|
slider.render({
|
elem: '#opacity'
|
, min: 0 //最小值
|
, max: 100 //最大值
|
});
|
colorpicker.render({
|
elem: '#colorchk'
|
, color: '#2ec770' //设置默认色
|
, done: function (color) {
|
}
|
});
|
//存储漫游路线数据的数组
|
var tData = [{"name": "阳江闸坡"}];
|
// //监听工具条
|
// table.on('tool(bro)', function(obj){
|
// var data = obj.data;
|
// if(obj.event === 'detail'){
|
// window.parent.fnLayerOpen('漫游路线','components/Scene/RoamingRoute','350','400')
|
// } else if(obj.event === 'del'){
|
//
|
// } else if(obj.event === 'edit'){
|
// window.parent.fnLayerOpen('修改浏览方式','components/Scene/modBrowsingMode','350','400')
|
// }
|
// });
|
table.render({
|
elem: '#broTable'
|
, cols: [[ //标题栏
|
{field: 'name', title: '名称', width: 100}
|
, {fixed: 'right', width: 212, align: 'center', toolbar: '#barDemo', title: '操作'}
|
]]
|
, data: tData
|
, page: true //是否显示分页
|
, height: 280
|
, limit: 5 //每页默认显示的数量
|
});
|
|
var firstClickIndoor;
|
//室内模式开启关闭
|
form.on('switch(switchIndoor)', function (data) {
|
var chk = !!this.checked;
|
window.parent.switchIndoor = chk;
|
if (chk) {
|
firstClickIndoor = true;
|
//当前操作
|
parent.sgworld.ProjectTree.pushStateItem("室内模式");
|
if (window.parent.UndergroundModel) {
|
window.parent.UndergroundModel.isFlyToSky = false;
|
window.parent.UndergroundModel.close();
|
window.parent.UndergroundModel = parent.sgworld.Analysis.UndergroundModelOpen({
|
alpha: Under_alpha || 0.5,
|
height: parent.Viewer.camera.positionCartographic.height,
|
isEnterUnderground: isEnterUnder,
|
isFlyToSky: false
|
}, true);
|
} else {
|
window.parent.sgworld.Analysis.createindoormode();
|
}
|
parent.document.addEventListener("pointerlockchange", escClick, true);
|
} else {
|
parent.sgworld.ProjectTree.endtemporaryItem();
|
}
|
});
|
if (window.parent.switchIndoor) {
|
$('#switchIndoor').next().click();
|
$('#switchIndoor').attr('value', 'on')
|
}
|
|
function escClick() {
|
if (firstClickIndoor) {
|
firstClickIndoor = false;
|
return;
|
}
|
if (parent.switchIndoor) {
|
$('#switchIndoor').next().click();
|
if (window.parent.UndergroundModel) {
|
window.parent.UndergroundModel = parent.sgworld.Analysis.UndergroundModelOpen({
|
alpha: Under_alpha || 0.5,
|
height: parent.Viewer.camera.positionCartographic.height,
|
isEnterUnderground: isEnterUnder,
|
isFlyToSky: true
|
});
|
}
|
parent.switchIndoor = false;
|
parent.document.removeEventListener("pointerlockchange", escClick, true);
|
}
|
}
|
|
if (window.parent.switchCurtain) {
|
$('#switchCurtain').next().click();
|
$('#switchCurtain').attr('value', 'on')
|
}
|
//双球对比开启关闭
|
form.on('switch(switchCurtain)', function (data) {
|
var chk = !!this.checked;
|
window.parent.switchCurtain = chk;
|
if (chk) {
|
//当前操作
|
parent.sgworld.ProjectTree.pushStateItem("双球对比");
|
startCurtain();
|
} else {
|
parent.sgworld.ProjectTree.endtemporaryItem();
|
closeCurtain();
|
}
|
});
|
|
if (window.parent.switchThreeDCurtain) {
|
$('#switchThreeDCurtain').next().click();
|
$('#switchThreeDCurtain').attr('value', 'on')
|
}
|
//双球对比开启关闭
|
form.on('switch(switchThreeDCurtain)', function (data) {
|
var chk = !!this.checked;
|
window.parent.switchThreeDCurtain = chk;
|
if (chk) {
|
//当前操作
|
parent.sgworld.ProjectTree.pushStateItem("双球对比");
|
startThreeDCurtain();
|
} else {
|
parent.sgworld.ProjectTree.endtemporaryItem();
|
closeThreeDCurtain();
|
}
|
});
|
|
if (window.parent.switchUnder) {
|
$('#switchUnder').next().click();
|
$('#switchUnder').attr('value', 'on')
|
}
|
//地下模式开启关闭
|
form.on('switch(switchUnder)', function (data) {
|
var chk = !!this.checked;
|
window.parent.switchUnder = chk;
|
if (chk) {
|
//当前操作
|
// parent.sgworld.ProjectTree.pushStateItem("地下模式");
|
window.parent.UndergroundModel = parent.sgworld.Analysis.UndergroundModelOpen({
|
alpha: Under_alpha || 0.5,
|
brightness:1,
|
isEnterUnderground: isEnterUnder
|
});
|
} else {
|
// parent.sgworld.ProjectTree.endtemporaryItem();
|
window.parent.UndergroundModel && window.parent.UndergroundModel.close();
|
window.parent.UndergroundModel = undefined;
|
}
|
});
|
|
var isEnterUnder = (window.parent.UndergroundModel && window.parent.UndergroundModel.isEnterUnderground);
|
(isEnterUnder === undefined) && (isEnterUnder = false);
|
if (isEnterUnder) {
|
$('#enter').attr('checked', 'checked');
|
form.render();
|
}
|
//进入地下
|
form.on('checkbox(enterUnder)', function (data) {
|
isEnterUnder = !!this.checked;
|
window.parent.UndergroundModel && (window.parent.UndergroundModel.isEnterUnderground = isEnterUnder);
|
isEnterUnder && window.parent.UndergroundModel && window.parent.UndergroundModel.enterUnderground();
|
!isEnterUnder && window.parent.UndergroundModel && window.parent.UndergroundModel.flyToSky();
|
});
|
|
var Under_alpha = (window.parent.UndergroundModel && window.parent.UndergroundModel._alpha) || 0.5;
|
slider.render({
|
elem: '#opacity-Under',
|
theme: '#1E9FFF',
|
min: 0, //最小值
|
max: 100, //最大值
|
value: Under_alpha * 100,
|
change: function (value) {
|
Under_alpha = value / 100;
|
setOpacity(Under_alpha);
|
}
|
});
|
|
function setOpacity(value) {
|
(window.parent.UndergroundModel && window.parent.UndergroundModel.setLayerAlpha(value));
|
}
|
|
});
|
