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-slope',
|
name: 'slope',
|
flag: false,
|
startup: function () {
|
var that = this;
|
topic.subscribe("getbeginSlope", lang.hitch(this, this.beginSlope));
|
// topic.publish('getbeginSlope', that.beginSlope);
|
|
},
|
beginSlope: function () {
|
// console.log('beginSlope');
|
var that = this;
|
var viewer = that.map;
|
var scene = viewer.scene;
|
scene.globe.enableLighting = true;
|
//添加SuperMap iServer发布的影像服务
|
// viewer.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({
|
// url: 'http://www.supermapol.com/realspace/services/3D-ZF_normal/rest/realspace/datas/image'
|
// }));
|
// viewer.scene.camera.setView({
|
// destination: Cesium.Cartesian3.fromDegrees(87.1, 27.8, 8000.0),
|
// orientation: {
|
// heading: 6.10547067016156,
|
// pitch: -0.8475077031996778,
|
// roll: 6.2831853016686185
|
// }
|
// });
|
viewer.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({
|
url: 'http://www.supermapol.com/realspace/services/3D-ZF_normal/rest/realspace/datas/image'
|
}));
|
var slope = new Cesium.SlopeSetting();
|
slope.DisplayMode = Cesium.SlopeSettingEnum.DisplayMode.FACE_AND_ARROW;
|
slope.MaxVisibleValue = document.getElementById("widemax").value;
|
slope.MinVisibleValue = document.getElementById("widemin").value;
|
var colorTable = new Cesium.ColorTable();
|
colorTable.insert(8000, new Cesium.Color(255 / 255, 0 / 255, 0 / 255));
|
colorTable.insert(5000, new Cesium.Color(221 / 255, 224 / 255, 7 / 255));
|
colorTable.insert(3000, new Cesium.Color(20 / 255, 187 / 255, 18 / 255));
|
colorTable.insert(2000, new Cesium.Color(0, 161 / 255, 1));
|
colorTable.insert(0, new Cesium.Color(9 / 255, 9 / 255, 255 / 255));
|
var wide;
|
wide = Cesium.HypsometricSettingEnum.AnalysisRegionMode.ARM_REGION;
|
slope.ColorTable = colorTable;
|
slope.Opacity = 1;
|
|
var tooltip = window.MYcreateTooltip(viewer._element);
|
//绘制多边形
|
var handlerPolygon = new Cesium.DrawHandler(viewer, Cesium.DrawMode.Polygon, 0);
|
handlerPolygon.activeEvt.addEventListener(function (isActive) {
|
if (isActive == true) {
|
viewer.enableCursorStyle = false;
|
viewer._element.style.cursor = '';
|
$('body').removeClass('drawCur').addClass('drawCur');
|
} else {
|
viewer.enableCursorStyle = true;
|
$('body').removeClass('drawCur');
|
}
|
});
|
handlerPolygon.movingEvt.addEventListener(function (windowPosition) {
|
if (windowPosition.x < 200 && windowPosition.y < 150) {
|
tooltip.setVisible(false);
|
return;
|
}
|
});
|
handlerPolygon.drawEvt.addEventListener(function (result) {
|
if (!result.object.positions) {
|
handlerPolygon.polygon.show = false;
|
handlerPolygon.polyline.show = false;
|
handlerPolygon.deactivate();
|
handlerPolygon.activate();
|
return;
|
}
|
var array = [].concat(result.object.positions);
|
tooltip.setVisible(false);
|
var positions = [];
|
for (var i = 0, len = array.length; i < len; i++) {
|
var cartographic = Cesium.Cartographic.fromCartesian(array[i]);
|
var longitude = Cesium.Math.toDegrees(cartographic.longitude);
|
var latitude = Cesium.Math.toDegrees(cartographic.latitude);
|
var h = cartographic.height;
|
if (positions.indexOf(longitude) == -1 && positions.indexOf(latitude) == -1) {
|
positions.push(longitude);
|
positions.push(latitude);
|
positions.push(h);
|
}
|
}
|
|
slope.CoverageArea = positions;
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: wide
|
};
|
handlerPolygon.polygon.show = false;
|
handlerPolygon.polyline.show = true;
|
handlerPolygon.deactivate();
|
handlerPolygon.activate();
|
});
|
handlerPolygon.activate();
|
document.getElementById("cance").onclick = function () {
|
// console.log('cance')
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: Cesium.HypsometricSettingEnum.AnalysisRegionMode.ARM_NONE
|
};
|
handlerPolygon.polygon.show = false;
|
handlerPolygon.polyline.show = false;
|
scene.globe.enableLighting = false;
|
|
//关闭该绘画图层
|
// handlerPolygon.clear();
|
|
};
|
viewer._cesiumWidget._creditContainer.style.display = "none";
|
$("#split").on("click", function () {
|
$("#float").slideToggle(500);
|
}
|
);
|
$("#trans").on("input change", function () {
|
slope.Opacity = this.value;
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: wide
|
};
|
});
|
$("#wideminR").on("input change", function () {
|
var a = document.getElementById("widemin");
|
a.value = this.value;
|
slope.MinVisibleValue = this.value;
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: wide
|
};
|
});
|
$("#widemin").on("input change", function () {
|
var a = document.getElementById("widemin");
|
a.value = this.value;
|
});
|
$("#widemaxR").on("input change", function () {
|
var a = document.getElementById("widemax");
|
a.value = this.value;
|
slope.MaxVisibleValue = this.value;
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: wide
|
};
|
});
|
$("#widemax").on("input change", function () {
|
var a = document.getElementById("widemaxR");
|
a.value = this.value;
|
});
|
$("#calMode").on("input change", function () {
|
var index = document.getElementById("calMode").selectedIndex;
|
switch (index) {
|
case 0:
|
wide = Cesium.HypsometricSettingEnum.AnalysisRegionMode.ARM_REGION;
|
break;
|
case 1:
|
wide = Cesium.HypsometricSettingEnum.AnalysisRegionMode.ARM_ALL;
|
break;
|
case 2:
|
wide = Cesium.HypsometricSettingEnum.AnalysisRegionMode.ARM_NONE;
|
break;
|
default:
|
break;
|
}
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: wide
|
};
|
});
|
$(":radio[name='fill']").change(function () {
|
if (document.getElementById("showcolor").checked) {
|
slope.DisplayMode = Cesium.SlopeSettingEnum.DisplayMode.FACE;
|
} else if (document.getElementById("showarrow").checked) {
|
slope.DisplayMode = Cesium.SlopeSettingEnum.DisplayMode.ARROW;
|
} else {
|
slope.DisplayMode = Cesium.SlopeSettingEnum.DisplayMode.FACE_AND_ARROW;
|
}
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: wide
|
};
|
}
|
)
|
$("#colorTable12").on("input change", function () {
|
colorTable.remove(0);
|
colorTable.remove(20);
|
colorTable.remove(30);
|
colorTable.remove(50);
|
colorTable.remove(80);
|
var value = document.getElementById("colorTable12").selectedIndex;
|
switch (value) {
|
case 0:
|
colorTable.insert(0, new Cesium.Color(9 / 255, 9 / 255, 255 / 255));
|
colorTable.insert(20, new Cesium.Color(0, 161 / 255, 1));
|
colorTable.insert(30, new Cesium.Color(20 / 255, 187 / 255, 18 / 255));
|
colorTable.insert(50, new Cesium.Color(221 / 255, 224 / 255, 7 / 255));
|
colorTable.insert(80, new Cesium.Color(255 / 255, 0 / 255, 0 / 255));
|
break;
|
case 1:
|
colorTable.insert(0, new Cesium.Color(162 / 255, 251 / 255, 194 / 255));
|
colorTable.insert(20, new Cesium.Color(180 / 255, 200 / 255, 170 / 255));
|
colorTable.insert(30, new Cesium.Color(200 / 255, 160 / 255, 130 / 255));
|
colorTable.insert(50, new Cesium.Color(225 / 255, 130 / 255, 130 / 255));
|
colorTable.insert(80, new Cesium.Color(1, 103 / 255, 103 / 255));
|
break;
|
case 2:
|
colorTable.insert(0, new Cesium.Color(230 / 255, 198 / 255, 1));
|
colorTable.insert(20, new Cesium.Color(210 / 255, 150 / 255, 1));
|
colorTable.insert(30, new Cesium.Color(190 / 255, 100 / 255, 1));
|
colorTable.insert(50, new Cesium.Color(165, 50 / 255, 1));
|
colorTable.insert(80, new Cesium.Color(157 / 255, 0, 1));
|
break;
|
case 3:
|
colorTable.insert(0, new Cesium.Color(0, 39 / 255, 148 / 255));
|
colorTable.insert(20, new Cesium.Color(0, 39 / 255, 148 / 255));
|
colorTable.insert(30, new Cesium.Color(70 / 255, 116 / 255, 200 / 255));
|
colorTable.insert(50, new Cesium.Color(149 / 255, 232 / 255, 249 / 255));
|
colorTable.insert(80, new Cesium.Color(149 / 255, 232 / 255, 249 / 255));
|
break;
|
case 4:
|
colorTable.insert(0, new Cesium.Color(186 / 255, 1, 190 / 255));
|
colorTable.insert(20, new Cesium.Color(186 / 255, 1, 180 / 255));
|
colorTable.insert(30, new Cesium.Color(106 / 255, 255 / 255, 170 / 255));
|
colorTable.insert(50, new Cesium.Color(26 / 255, 255 / 255, 160 / 255));
|
colorTable.insert(80, new Cesium.Color(26 / 255, 255 / 255, 156 / 255));
|
break;
|
default:
|
break;
|
}
|
slope.ColorTable = colorTable;
|
viewer.scene.globe.SlopeSetting = {
|
slopeSetting: slope,
|
analysisMode: wide
|
};
|
});
|
|
if (!scene.pickPositionSupported) {
|
alert('不支持深度纹理,无法绘制多边形，根据多边形显示分析区域功能无法使用！');
|
}
|
$('#toolbar').show();
|
$('#btnContainer').show();
|
$('#loadingbar').remove();
|
that.handlerPolygon = handlerPolygon;
|
that.viewer = viewer;
|
that.scene = scene;
|
that.slope = slope;
|
topic.subscribe("closes", lang.hitch(this, this.closes));
|
},
|
handlerPolygon: '',
|
viewer: '',
|
scene: '',
|
closes: function () {
|
// 关闭绘画层
|
this.viewer.scene.globe.SlopeSetting = {
|
slopeSetting: this.slope,
|
analysisMode: Cesium.HypsometricSettingEnum.AnalysisRegionMode.ARM_NONE
|
};
|
// handlerPolygon.polygon.show = false;
|
// handlerPolygon.polyline.show = false;
|
this.scene.globe.enableLighting = false;
|
this.handlerPolygon.clear();
|
|
},
|
onOpen: function () {
|
|
},
|
|
onClose: function () {
|
//面板关闭的时候触发 （when this panel is closed trigger）
|
console.log('jies')
|
},
|
|
onMinimize: function () {
|
this.resize();
|
},
|
|
onMaximize: function () {
|
this.resize();
|
},
|
|
resize: function () {
|
|
},
|
|
destroy: function () {
|
//销毁的时候触发
|
//todo
|
//do something before this func
|
this.inherited(arguments);
|
}
|
|
});
|
});
|
