@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/adddata/index.js +189 -21
- package/airspacegridoccupancyquery/index.js +1977 -0
- package/airspacegridoccupancyquery/style/airspacegridoccupancyquery.css +1 -0
- package/airspacegridoccupancyquery/style/index.js +3 -0
- package/airspaceprofileanalysis/index.js +1870 -0
- package/airspaceprofileanalysis/style/airspaceprofileanalysis.css +1 -0
- package/airspaceprofileanalysis/style/index.js +3 -0
- package/aspectanalysis/index.js +25 -7
- package/baseterraingallery/index.js +16 -4
- package/boxclip/index.js +58 -16
- package/buildpointmodel/index.js +3207 -230
- package/buildpointmodel/style/buildpointmodel.css +1 -1
- package/buildpolygonmodel/index.js +205 -81
- package/buildpolylinemodel/index.js +346 -70
- package/clientPrint/index.js +32440 -2337
- package/comparemap/index.js +132 -60
- package/compass/index.js +16 -6
- package/excavatefillanalysis/index.js +51 -7
- package/fixedzoomin/index.js +24 -7
- package/fixedzoomout/index.js +25 -7
- package/flight/index.js +113 -26
- package/floodanalysis/index.js +79 -14
- package/geologicalbodyanalysis/index.js +41 -5
- package/gpuspatialquery/index.js +127 -19
- package/gridoccupancyquery/index.js +627 -0
- package/gridoccupancyquery/style/gridoccupancyquery.css +1 -0
- package/gridoccupancyquery/style/index.js +3 -0
- package/hawkeye/index.js +20 -2
- package/headertemp/index.js +7 -2
- package/heatmap3d/index.js +282 -158
- package/index.js +32440 -2337
- package/isolineanalysis/index.js +113 -38
- package/light/index.js +80 -22
- package/limitheightanalysis/index.js +30 -10
- package/lowaltitudefeature/index.js +5027 -0
- package/lowaltitudefeature/style/index.js +3 -0
- package/lowaltitudefeature/style/lowaltitudefeature.css +1 -0
- package/measure/index.js +60 -19
- package/modelFlat/index.js +48 -8
- package/modeledit/index.js +38 -4
- package/modelexcavate/index.js +48 -7
- package/modelfilter/index.js +51 -8
- package/modelmaterialedit/index.js +127 -25
- package/modelprofileanalysis/index.js +51 -14
- package/modelselect/index.js +34 -3
- package/modelstyleedit/index.js +39 -3
- package/modeltransform/index.js +79 -14
- package/package.json +1 -1
- package/particleeffect/index.js +83 -17
- package/planeclip/index.js +66 -17
- package/pointcloudrender/index.js +134 -15
- package/radarscananalysis/index.js +35 -3
- package/resetview/index.js +14 -6
- package/roller/index.js +55 -18
- package/scaneffect/index.js +98 -29
- package/sceneadvancedtoimage/index.js +32 -6
- package/sceneapp/index.js +32440 -2337
- package/sceneset/index.js +141 -71
- package/scenetohdimage/index.js +23 -3
- package/sceneview/index.js +32440 -2337
- package/sceneview/style/sceneview.css +1 -1
- package/screenshot/index.js +44 -11
- package/shadowanalysis/index.js +79 -19
- package/sightlineanalysis/index.js +66 -15
- package/skylineanalysis/index.js +20 -4
- package/slopeanalysis/index.js +75 -16
- package/slopeaspectanalysis/index.js +128 -26
- package/statusbar/index.js +80 -67
- package/style.css +1 -1
- package/terrainoperation/index.js +39 -7
- package/terrainprofileanalysis/index.js +43 -5
- package/toolbarapp/index.js +32440 -2337
- package/toolboxapp/index.js +32440 -2337
- package/typhoontrac/index.js +134 -16
- package/underground/index.js +8 -2
- package/videofusion/index.js +164 -79
- package/videoproject/index.js +77 -23
- package/viewshedanalysis/index.js +61 -14
- package/weathereffect/index.js +73 -18
- package/webgl.es.js +866 -16
- package/windyslicing/index.js +258 -54
- package/wireframesketch/index.js +25 -8
package/slopeanalysis/index.js
CHANGED
|
@@ -227,6 +227,8 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
227
227
|
lang,
|
|
228
228
|
locale
|
|
229
229
|
} = (0, _useGlobalConfig.useLocale)();
|
|
230
|
+
|
|
231
|
+
// 坡度区间颜色配置数组
|
|
230
232
|
let dataList = (0, _vue.reactive)([{
|
|
231
233
|
colorTableDegree: 0,
|
|
232
234
|
colorTable: null
|
|
@@ -246,6 +248,8 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
246
248
|
colorTableDegree: 90,
|
|
247
249
|
colorTable: "#FF0000"
|
|
248
250
|
}]);
|
|
251
|
+
|
|
252
|
+
// 渐变纹理图片集合
|
|
249
253
|
const colorImages = [{
|
|
250
254
|
value: 0,
|
|
251
255
|
src: _constImage.RED_TO_PURPLE_URL
|
|
@@ -290,6 +294,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
290
294
|
|
|
291
295
|
// 生成组件默认header
|
|
292
296
|
let headerTemp = (0, _vue.ref)();
|
|
297
|
+
// header组件Ref
|
|
293
298
|
let headerTempRef = (0, _vue.ref)();
|
|
294
299
|
(0, _vue.onMounted)(() => {
|
|
295
300
|
(0, _util.updatePosition)(boxRef.value, props);
|
|
@@ -322,7 +327,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
322
327
|
}
|
|
323
328
|
};
|
|
324
329
|
|
|
325
|
-
|
|
330
|
+
/**
|
|
331
|
+
* @description 刷新自定义样式数组
|
|
332
|
+
* @param {String} type 刷新类型("degree"刷新坡度区间,"color"刷新颜色)
|
|
333
|
+
*/
|
|
326
334
|
function refactorArr(type) {
|
|
327
335
|
if (!dataList || !dataList.length) return;
|
|
328
336
|
if (type == "degree") {
|
|
@@ -338,7 +346,11 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
338
346
|
}
|
|
339
347
|
}
|
|
340
348
|
|
|
341
|
-
|
|
349
|
+
/**
|
|
350
|
+
* @description 获取图片路径
|
|
351
|
+
* @param {Number} value 渐变纹理图片索引值
|
|
352
|
+
* @returns {String} 图片路径
|
|
353
|
+
*/
|
|
342
354
|
function getImagePath(value) {
|
|
343
355
|
var imagePath = "";
|
|
344
356
|
var image = colorImages.find(item => item.value === value);
|
|
@@ -348,7 +360,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
348
360
|
return imagePath;
|
|
349
361
|
}
|
|
350
362
|
|
|
351
|
-
|
|
363
|
+
/**
|
|
364
|
+
* @description 参数改变时触发对应处理逻辑
|
|
365
|
+
* @param {String} key 改变的参数名
|
|
366
|
+
*/
|
|
352
367
|
function paramsChanged(key) {
|
|
353
368
|
switch (key) {
|
|
354
369
|
case "fillStyle":
|
|
@@ -793,6 +808,12 @@ var _useGlobalConfig = __webpack_require__(22686);
|
|
|
793
808
|
// 国际化
|
|
794
809
|
|
|
795
810
|
class SlopeAnalysisViewModel {
|
|
811
|
+
// 限制绘制面积
|
|
812
|
+
/**
|
|
813
|
+
* @description 坡度分析逻辑类构造函数
|
|
814
|
+
* @param {Object} scenceView 三维场景视图对象
|
|
815
|
+
* @param {Object} viewModel 坡度分析参数对象
|
|
816
|
+
*/
|
|
796
817
|
constructor(scenceView, viewModel) {
|
|
797
818
|
this._slopeAnalysis = null;
|
|
798
819
|
// 坡度坡向三维对象
|
|
@@ -814,7 +835,9 @@ class SlopeAnalysisViewModel {
|
|
|
814
835
|
src: _constImage.GREEN_TO_BLUE_URL
|
|
815
836
|
}];
|
|
816
837
|
this._language = null;
|
|
838
|
+
// 当前语言对象
|
|
817
839
|
this._scenceView = null;
|
|
840
|
+
// 三维场景视图对象
|
|
818
841
|
this._restrictedArea = null;
|
|
819
842
|
const {
|
|
820
843
|
locale
|
|
@@ -860,7 +883,11 @@ class SlopeAnalysisViewModel {
|
|
|
860
883
|
// that._slopeAnalysis.destroy();
|
|
861
884
|
// that._slopeAnalysis = null;
|
|
862
885
|
}
|
|
863
|
-
|
|
886
|
+
/**
|
|
887
|
+
* @description 获取图片路径
|
|
888
|
+
* @param {Number} value 渐变纹理图片索引值
|
|
889
|
+
* @returns {String} 图片路径
|
|
890
|
+
*/
|
|
864
891
|
getImagePath(value) {
|
|
865
892
|
var imagePath = '';
|
|
866
893
|
var image = this._colorImages.find(item => item.value === value);
|
|
@@ -897,8 +924,10 @@ class SlopeAnalysisViewModel {
|
|
|
897
924
|
that._globaOptions._drawManager.clearDrawGroup("SlopeAnalysisDraw");
|
|
898
925
|
if (shape) {
|
|
899
926
|
if (typeof that._restrictedArea === 'number' && !isNaN(that._restrictedArea) && isFinite(that._restrictedArea)) {
|
|
927
|
+
// 校验绘制区域是否超出限制面积
|
|
900
928
|
const area = that._scenceView.computePolygonArea(shape._controlPoints);
|
|
901
929
|
if (area / 1000000 > Number(that._restrictedArea)) {
|
|
930
|
+
// 超出限制面积则提示并返回
|
|
902
931
|
(0, _message.default)({
|
|
903
932
|
message: this._language?.value?.webgl?.["restrictedAreaTips"],
|
|
904
933
|
type: "warning"
|
|
@@ -941,6 +970,7 @@ class SlopeAnalysisViewModel {
|
|
|
941
970
|
break;
|
|
942
971
|
}
|
|
943
972
|
} else {
|
|
973
|
+
// 已存在分析对象则仅更新绘制位置
|
|
944
974
|
that._slopeAnalysis.positions = that._globaOptions.viewModel.positions;
|
|
945
975
|
}
|
|
946
976
|
}
|
|
@@ -960,7 +990,10 @@ class SlopeAnalysisViewModel {
|
|
|
960
990
|
});
|
|
961
991
|
}
|
|
962
992
|
}
|
|
963
|
-
|
|
993
|
+
/**
|
|
994
|
+
* @description 修改填充样式
|
|
995
|
+
* @param {String} key 填充样式类型("tableColor"/"colorImage"/"slopeFilter")
|
|
996
|
+
*/
|
|
964
997
|
changeFilltyle(key) {
|
|
965
998
|
this._globaOptions.viewModel.fillStyle = key;
|
|
966
999
|
if (!this._slopeAnalysis) return;
|
|
@@ -986,22 +1019,35 @@ class SlopeAnalysisViewModel {
|
|
|
986
1019
|
break;
|
|
987
1020
|
}
|
|
988
1021
|
}
|
|
989
|
-
|
|
1022
|
+
/**
|
|
1023
|
+
* @description 设置填充纹理值
|
|
1024
|
+
* @param {Array} newValue 坡度区间数组
|
|
1025
|
+
*/
|
|
990
1026
|
setColorTableDegree(newValue) {
|
|
991
1027
|
this._globaOptions.viewModel.colorTableDegree = newValue;
|
|
992
1028
|
if (this._slopeAnalysis) this._slopeAnalysis.colorTableDegree = this._globaOptions.viewModel.colorTableDegree;
|
|
993
1029
|
}
|
|
994
|
-
|
|
1030
|
+
/**
|
|
1031
|
+
* @description 设置填充纹理颜色
|
|
1032
|
+
* @param {Array} newValue 颜色数组
|
|
1033
|
+
*/
|
|
995
1034
|
setColorTable(newValue) {
|
|
996
1035
|
this._globaOptions.viewModel.colorTable = newValue;
|
|
997
1036
|
if (this._slopeAnalysis) this._slopeAnalysis.colorTable = this._globaOptions.viewModel.colorTable;
|
|
998
1037
|
}
|
|
999
|
-
|
|
1038
|
+
/**
|
|
1039
|
+
* @description 设置填充纹理
|
|
1040
|
+
* @param {String} newValue 纹理图片路径
|
|
1041
|
+
*/
|
|
1000
1042
|
setColorImage(newValue) {
|
|
1001
1043
|
this._globaOptions.viewModel.imageSrc = newValue;
|
|
1002
1044
|
if (this._slopeAnalysis) this._slopeAnalysis.colorImage = this._globaOptions.viewModel.imageSrc;
|
|
1003
1045
|
}
|
|
1004
|
-
|
|
1046
|
+
/**
|
|
1047
|
+
* @description 获取渐变纹理路径
|
|
1048
|
+
* @param {Number} key 渐变纹理索引值
|
|
1049
|
+
* @returns {String} 渐变纹理图片路径
|
|
1050
|
+
*/
|
|
1005
1051
|
getColorLine(key) {
|
|
1006
1052
|
var path = "";
|
|
1007
1053
|
switch (key) {
|
|
@@ -1020,23 +1066,36 @@ class SlopeAnalysisViewModel {
|
|
|
1020
1066
|
}
|
|
1021
1067
|
return path;
|
|
1022
1068
|
}
|
|
1023
|
-
|
|
1069
|
+
/**
|
|
1070
|
+
* @description 设置坡度过滤样式
|
|
1071
|
+
* @param {String} slopeColorText 坡度过滤颜色
|
|
1072
|
+
* @param {Number} slopeColorAlpha 坡度过滤透明度
|
|
1073
|
+
*/
|
|
1024
1074
|
setSlopeFilterColor(slopeColorText, slopeColorAlpha) {
|
|
1025
1075
|
this._globaOptions.viewModel.slopeColorText = slopeColorText;
|
|
1026
1076
|
this._globaOptions.viewModel.slopeColorAlpha = Number(slopeColorAlpha);
|
|
1027
1077
|
if (this._slopeAnalysis) this._slopeAnalysis.color = Cesium.Color.fromCssColorString(slopeColorText).withAlpha(Number(slopeColorAlpha));
|
|
1028
1078
|
}
|
|
1029
|
-
|
|
1079
|
+
/**
|
|
1080
|
+
* @description 设置最小坡度值
|
|
1081
|
+
* @param {Number} newValue 最小坡度值
|
|
1082
|
+
*/
|
|
1030
1083
|
setSlopeFilterMin(newValue) {
|
|
1031
1084
|
this._globaOptions.viewModel.minSlope = Number(newValue);
|
|
1032
1085
|
if (this._slopeAnalysis) this._slopeAnalysis.minSlope = this._globaOptions.viewModel.minSlope;
|
|
1033
1086
|
}
|
|
1034
|
-
|
|
1087
|
+
/**
|
|
1088
|
+
* @description 设置最大坡度值
|
|
1089
|
+
* @param {Number} newValue 最大坡度值
|
|
1090
|
+
*/
|
|
1035
1091
|
setSlopeFilterMax(newValue) {
|
|
1036
1092
|
this._globaOptions.viewModel.maxSlope = Number(newValue);
|
|
1037
1093
|
if (this._slopeAnalysis) this._slopeAnalysis.maxSlope = this._globaOptions.viewModel.maxSlope;
|
|
1038
1094
|
}
|
|
1039
|
-
|
|
1095
|
+
/**
|
|
1096
|
+
* @description 设置坡向显示
|
|
1097
|
+
* @param {Boolean} newValue 是否显示坡向分析
|
|
1098
|
+
*/
|
|
1040
1099
|
setSlopeAnalysis(newValue) {
|
|
1041
1100
|
this._globaOptions.viewModel.slopeAnalysis = newValue;
|
|
1042
1101
|
if (this._slopeAnalysis) this._slopeAnalysis._slopeAnalysis = this._globaOptions.viewModel.slopeAnalysis;
|
|
@@ -1068,11 +1127,11 @@ Object.defineProperty(exports, "__esModule", ({
|
|
|
1068
1127
|
value: true
|
|
1069
1128
|
}));
|
|
1070
1129
|
exports.kq_npm_client_leaflet_vue = exports.kq_npm_client_common_vue = exports.kq_npm_client3d_webgl_vue = void 0;
|
|
1071
|
-
|
|
1130
|
+
const kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
|
|
1072
1131
|
__webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
|
|
1073
|
-
|
|
1132
|
+
const kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
|
|
1074
1133
|
__webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
|
|
1075
|
-
|
|
1134
|
+
const kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
|
|
1076
1135
|
__webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
|
|
1077
1136
|
|
|
1078
1137
|
/***/ })
|
|
@@ -884,12 +884,19 @@ var _useGlobalConfig = __webpack_require__(22686);
|
|
|
884
884
|
// 国际化
|
|
885
885
|
|
|
886
886
|
class SlopeAspectAnalysisViewModel {
|
|
887
|
+
// 当前语言对象
|
|
888
|
+
/**
|
|
889
|
+
* @description 坡度坡向分析逻辑类构造函数
|
|
890
|
+
* @param {Object} scenceView 三维场景视图对象
|
|
891
|
+
* @param {Object} viewModel 坡度坡向分析参数对象
|
|
892
|
+
*/
|
|
887
893
|
constructor(scenceView, viewModel) {
|
|
888
894
|
this._slopeAnalysis = null;
|
|
889
895
|
// 坡度坡向三维对象
|
|
890
896
|
this._aspectAnalysis = null;
|
|
891
897
|
// 坡向三维对象
|
|
892
898
|
this._calculationSlopeAspect = null;
|
|
899
|
+
// 坡度坡向计算对象(点分析方式)
|
|
893
900
|
//全局参数
|
|
894
901
|
this._globaOptions = {
|
|
895
902
|
viewer: null,
|
|
@@ -908,7 +915,9 @@ class SlopeAspectAnalysisViewModel {
|
|
|
908
915
|
src: _constImage.GREEN_TO_BLUE_URL
|
|
909
916
|
}];
|
|
910
917
|
this._scenceView = null;
|
|
918
|
+
// 三维场景视图对象
|
|
911
919
|
this._restrictedArea = null;
|
|
920
|
+
// 限制绘制面积
|
|
912
921
|
// 开启光阴
|
|
913
922
|
this._showEnableLighting = false;
|
|
914
923
|
this._language = null;
|
|
@@ -961,7 +970,11 @@ class SlopeAspectAnalysisViewModel {
|
|
|
961
970
|
};
|
|
962
971
|
this._calculationSlopeAspect = new Cesium.Kq3dCalculationSlopeAspect(this._globaOptions.calculationOption);
|
|
963
972
|
}
|
|
964
|
-
|
|
973
|
+
/**
|
|
974
|
+
* @description 获取图片路径
|
|
975
|
+
* @param {Number} value 渐变纹理图片索引值
|
|
976
|
+
* @returns {String} 图片路径
|
|
977
|
+
*/
|
|
965
978
|
getImagePath(value) {
|
|
966
979
|
var imagePath = "";
|
|
967
980
|
var image = this._colorImages.find(item => item.value === value);
|
|
@@ -977,10 +990,12 @@ class SlopeAspectAnalysisViewModel {
|
|
|
977
990
|
if (this._globaOptions.viewModel.viewer.terrainProvider.availability) {
|
|
978
991
|
if (this._globaOptions.viewModel.viewer.terrainProvider && !this._globaOptions.viewModel.viewer.terrainProvider._heightmapStructure) {
|
|
979
992
|
if (this._globaOptions && this._globaOptions.analysisMethod == 2) {
|
|
993
|
+
// 点分析方式
|
|
980
994
|
this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
|
|
981
995
|
if (this._calculationSlopeAspect) {
|
|
982
996
|
this._calculationSlopeAspect?.startCalculation();
|
|
983
997
|
} else {
|
|
998
|
+
// 不存在计算对象则新建后开始计算
|
|
984
999
|
this._calculationSlopeAspect = new Cesium.Kq3dCalculationSlopeAspect(this._globaOptions.calculationOption);
|
|
985
1000
|
this._calculationSlopeAspect?.startCalculation();
|
|
986
1001
|
}
|
|
@@ -1015,8 +1030,10 @@ class SlopeAspectAnalysisViewModel {
|
|
|
1015
1030
|
this._globaOptions._drawManager.clearDrawGroup("SlopeAspectAnalysisDraw");
|
|
1016
1031
|
if (shape) {
|
|
1017
1032
|
if (typeof that._restrictedArea === 'number' && !isNaN(that._restrictedArea) && isFinite(that._restrictedArea)) {
|
|
1033
|
+
// 校验绘制区域是否超出限制面积
|
|
1018
1034
|
const area = that._scenceView.computePolygonArea(shape._controlPoints);
|
|
1019
1035
|
if (area / 1000000 > Number(that._restrictedArea)) {
|
|
1036
|
+
// 超出限制面积则提示并返回
|
|
1020
1037
|
(0, _message.default)({
|
|
1021
1038
|
message: this._language?.value?.webgl?.["restrictedAreaTips"],
|
|
1022
1039
|
type: "warning"
|
|
@@ -1028,6 +1045,7 @@ class SlopeAspectAnalysisViewModel {
|
|
|
1028
1045
|
if (that._aspectAnalysis) that._aspectAnalysis.positions = shape._controlPoints;
|
|
1029
1046
|
// 实例化分析对象
|
|
1030
1047
|
if (!that._slopeAnalysis) {
|
|
1048
|
+
// 根据填充样式创建对应分析对象
|
|
1031
1049
|
switch (that._globaOptions.viewModel.fillStyle) {
|
|
1032
1050
|
case "tableColor":
|
|
1033
1051
|
that._slopeAnalysis = new Cesium.Kq3dSlope({
|
|
@@ -1058,6 +1076,7 @@ class SlopeAspectAnalysisViewModel {
|
|
|
1058
1076
|
break;
|
|
1059
1077
|
}
|
|
1060
1078
|
} else {
|
|
1079
|
+
// 已存在分析对象则仅更新绘制位置
|
|
1061
1080
|
that._slopeAnalysis.positions = that._globaOptions.viewModel.positions;
|
|
1062
1081
|
}
|
|
1063
1082
|
}
|
|
@@ -1078,12 +1097,19 @@ class SlopeAspectAnalysisViewModel {
|
|
|
1078
1097
|
});
|
|
1079
1098
|
}
|
|
1080
1099
|
}
|
|
1081
|
-
|
|
1100
|
+
/**
|
|
1101
|
+
* @description 切换分析方式
|
|
1102
|
+
* @param {String} key 参数名
|
|
1103
|
+
* @param {*} val 参数值
|
|
1104
|
+
*/
|
|
1082
1105
|
changeAnalysisMethod(key, val) {
|
|
1083
1106
|
this.stopCalculation();
|
|
1084
1107
|
this._globaOptions[key] = val;
|
|
1085
1108
|
}
|
|
1086
|
-
|
|
1109
|
+
/**
|
|
1110
|
+
* @description 修改填充样式
|
|
1111
|
+
* @param {String} key 填充样式类型("tableColor"/"colorImage"/"slopeFilter")
|
|
1112
|
+
*/
|
|
1087
1113
|
changeFilltyle(key) {
|
|
1088
1114
|
this._globaOptions.viewModel.fillStyle = key;
|
|
1089
1115
|
if (!this._slopeAnalysis) return;
|
|
@@ -1109,22 +1135,35 @@ class SlopeAspectAnalysisViewModel {
|
|
|
1109
1135
|
break;
|
|
1110
1136
|
}
|
|
1111
1137
|
}
|
|
1112
|
-
|
|
1138
|
+
/**
|
|
1139
|
+
* @description 设置填充纹理值
|
|
1140
|
+
* @param {Array} newValue 坡度区间数组
|
|
1141
|
+
*/
|
|
1113
1142
|
setColorTableDegree(newValue) {
|
|
1114
1143
|
this._globaOptions.viewModel.colorTableDegree = newValue;
|
|
1115
1144
|
if (this._slopeAnalysis) this._slopeAnalysis.colorTableDegree = this._globaOptions.viewModel.colorTableDegree;
|
|
1116
1145
|
}
|
|
1117
|
-
|
|
1146
|
+
/**
|
|
1147
|
+
* @description 设置填充纹理颜色
|
|
1148
|
+
* @param {Array} newValue 颜色数组
|
|
1149
|
+
*/
|
|
1118
1150
|
setColorTable(newValue) {
|
|
1119
1151
|
this._globaOptions.viewModel.colorTable = newValue;
|
|
1120
1152
|
if (this._slopeAnalysis) this._slopeAnalysis.colorTable = this._globaOptions.viewModel.colorTable;
|
|
1121
1153
|
}
|
|
1122
|
-
|
|
1154
|
+
/**
|
|
1155
|
+
* @description 设置填充纹理
|
|
1156
|
+
* @param {String} newValue 纹理图片路径
|
|
1157
|
+
*/
|
|
1123
1158
|
setColorImage(newValue) {
|
|
1124
1159
|
this._globaOptions.viewModel.imageSrc = newValue;
|
|
1125
1160
|
if (this._slopeAnalysis) this._slopeAnalysis.colorImage = this._globaOptions.viewModel.imageSrc;
|
|
1126
1161
|
}
|
|
1127
|
-
|
|
1162
|
+
/**
|
|
1163
|
+
* @description 获取渐变纹理路径
|
|
1164
|
+
* @param {Number} key 渐变纹理索引值
|
|
1165
|
+
* @returns {String} 渐变纹理图片路径
|
|
1166
|
+
*/
|
|
1128
1167
|
getColorLine(key) {
|
|
1129
1168
|
var path = "";
|
|
1130
1169
|
switch (key) {
|
|
@@ -1143,58 +1182,92 @@ class SlopeAspectAnalysisViewModel {
|
|
|
1143
1182
|
}
|
|
1144
1183
|
return path;
|
|
1145
1184
|
}
|
|
1146
|
-
|
|
1185
|
+
/**
|
|
1186
|
+
* @description 设置坡度过滤样式
|
|
1187
|
+
* @param {String} slopeColorText 坡度过滤颜色
|
|
1188
|
+
* @param {Number} slopeColorAlpha 坡度过滤透明度
|
|
1189
|
+
*/
|
|
1147
1190
|
setSlopeFilterColor(slopeColorText, slopeColorAlpha) {
|
|
1148
1191
|
this._globaOptions.viewModel.slopeColorText = slopeColorText;
|
|
1149
1192
|
this._globaOptions.viewModel.slopeColorAlpha = Number(slopeColorAlpha);
|
|
1150
1193
|
if (this._slopeAnalysis) this._slopeAnalysis.color = Cesium.Color.fromCssColorString(slopeColorText).withAlpha(Number(slopeColorAlpha));
|
|
1151
1194
|
}
|
|
1152
|
-
|
|
1195
|
+
/**
|
|
1196
|
+
* @description 设置最小坡度值
|
|
1197
|
+
* @param {Number} newValue 最小坡度值
|
|
1198
|
+
*/
|
|
1153
1199
|
setSlopeFilterMin(newValue) {
|
|
1154
1200
|
this._globaOptions.viewModel.minSlope = Number(newValue);
|
|
1155
1201
|
if (this._slopeAnalysis) this._slopeAnalysis.minSlope = this._globaOptions.viewModel.minSlope;
|
|
1156
1202
|
}
|
|
1157
|
-
|
|
1203
|
+
/**
|
|
1204
|
+
* @description 设置最大坡度值
|
|
1205
|
+
* @param {Number} newValue 最大坡度值
|
|
1206
|
+
*/
|
|
1158
1207
|
setSlopeFilterMax(newValue) {
|
|
1159
1208
|
this._globaOptions.viewModel.maxSlope = Number(newValue);
|
|
1160
1209
|
if (this._slopeAnalysis) this._slopeAnalysis.maxSlope = this._globaOptions.viewModel.maxSlope;
|
|
1161
1210
|
}
|
|
1162
|
-
|
|
1211
|
+
/**
|
|
1212
|
+
* @description 设置采样间隔
|
|
1213
|
+
* @param {Number} newValue 采样间隔值
|
|
1214
|
+
*/
|
|
1163
1215
|
setInterval(newValue) {
|
|
1164
1216
|
if (this._aspectAnalysis) this._aspectAnalysis.interval = newValue;
|
|
1165
1217
|
}
|
|
1166
|
-
|
|
1218
|
+
/**
|
|
1219
|
+
* @description 设置箭头宽度
|
|
1220
|
+
* @param {Number} newValue 箭头宽度值
|
|
1221
|
+
*/
|
|
1167
1222
|
setArrowWidth(newValue) {
|
|
1168
1223
|
if (this._aspectAnalysis) this._aspectAnalysis.width = newValue;
|
|
1169
1224
|
}
|
|
1170
|
-
|
|
1225
|
+
/**
|
|
1226
|
+
* @description 设置箭头颜色
|
|
1227
|
+
* @param {String} newValue 箭头颜色值
|
|
1228
|
+
*/
|
|
1171
1229
|
setArrowColor(newValue) {
|
|
1172
1230
|
if (this._aspectAnalysis) this._aspectAnalysis.color = Cesium.Color.fromCssColorString(newValue);
|
|
1173
1231
|
}
|
|
1174
|
-
|
|
1232
|
+
/**
|
|
1233
|
+
* @description 设置分析半径
|
|
1234
|
+
* @param {Number} newValue 半径值
|
|
1235
|
+
*/
|
|
1175
1236
|
setCircleRadius(newValue) {
|
|
1176
1237
|
this._globaOptions.calculationOption["circleRadius"] = newValue;
|
|
1177
1238
|
}
|
|
1178
|
-
|
|
1239
|
+
/**
|
|
1240
|
+
* @description 设置线宽度
|
|
1241
|
+
* @param {Number} newValue 线宽度值
|
|
1242
|
+
*/
|
|
1179
1243
|
setLineWidth(newValue) {
|
|
1180
1244
|
this._globaOptions.calculationOption["lineWidth"] = newValue;
|
|
1181
1245
|
}
|
|
1182
|
-
|
|
1246
|
+
/**
|
|
1247
|
+
* @description 设置控制点像素
|
|
1248
|
+
* @param {Number} newValue 控制点像素值
|
|
1249
|
+
*/
|
|
1183
1250
|
setControlPointPixel(newValue) {
|
|
1184
1251
|
this._globaOptions.calculationOption["controlPointPixel"] = newValue;
|
|
1185
1252
|
}
|
|
1186
|
-
|
|
1253
|
+
/**
|
|
1254
|
+
* @description 设置控制点像素边框
|
|
1255
|
+
* @param {Number} newValue 控制点像素边框值
|
|
1256
|
+
*/
|
|
1187
1257
|
setControlPointBorder(newValue) {
|
|
1188
1258
|
this._globaOptions.calculationOption["controlPointBorder"] = newValue;
|
|
1189
1259
|
}
|
|
1260
|
+
// 停止计算
|
|
1190
1261
|
stopCalculation() {
|
|
1191
1262
|
this._globaOptions?._drawManager?.stopDraw?.();
|
|
1192
1263
|
this._calculationSlopeAspect?.stopCalculation?.();
|
|
1193
1264
|
}
|
|
1265
|
+
// 移除计算
|
|
1194
1266
|
removeCalculation() {
|
|
1195
1267
|
this.stopCalculation();
|
|
1196
1268
|
this._calculationSlopeAspect?.remove?.();
|
|
1197
1269
|
}
|
|
1270
|
+
// 销毁计算
|
|
1198
1271
|
destroyCalculation() {
|
|
1199
1272
|
this.removeCalculation();
|
|
1200
1273
|
this._calculationSlopeAspect?.destroy?.();
|
|
@@ -1745,6 +1818,8 @@ const _hoisted_7 = {
|
|
|
1745
1818
|
|
|
1746
1819
|
// 国际化
|
|
1747
1820
|
|
|
1821
|
+
// 坡度区间颜色配置数组
|
|
1822
|
+
|
|
1748
1823
|
const __default__ = {
|
|
1749
1824
|
name: "Kq3dSlopeAspectAnalysis"
|
|
1750
1825
|
};
|
|
@@ -1818,6 +1893,8 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
1818
1893
|
colorTableDegree: 90,
|
|
1819
1894
|
colorTable: "#FF0000"
|
|
1820
1895
|
}]);
|
|
1896
|
+
|
|
1897
|
+
// 渐变纹理图片集合
|
|
1821
1898
|
const colorImages = [{
|
|
1822
1899
|
value: 0,
|
|
1823
1900
|
src: _constImage.RED_TO_PURPLE_URL
|
|
@@ -1885,6 +1962,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
1885
1962
|
|
|
1886
1963
|
// 生成组件默认header
|
|
1887
1964
|
let headerTemp = (0, _vue.ref)();
|
|
1965
|
+
// header组件Ref
|
|
1888
1966
|
let headerTempRef = (0, _vue.ref)();
|
|
1889
1967
|
(0, _vue.onMounted)(() => {
|
|
1890
1968
|
(0, _util.updatePosition)(boxRef.value, props);
|
|
@@ -1917,7 +1995,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
1917
1995
|
}
|
|
1918
1996
|
};
|
|
1919
1997
|
|
|
1920
|
-
|
|
1998
|
+
/**
|
|
1999
|
+
* @description 刷新自定义样式数组
|
|
2000
|
+
* @param {String} type 刷新类型("degree"刷新坡度区间,"color"刷新颜色)
|
|
2001
|
+
*/
|
|
1921
2002
|
function refactorArr(type) {
|
|
1922
2003
|
if (!dataList || !dataList.length) return;
|
|
1923
2004
|
if (type == "degree") {
|
|
@@ -1933,7 +2014,11 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
1933
2014
|
}
|
|
1934
2015
|
}
|
|
1935
2016
|
|
|
1936
|
-
|
|
2017
|
+
/**
|
|
2018
|
+
* @description 获取图片路径
|
|
2019
|
+
* @param {Number} value 渐变纹理图片索引值
|
|
2020
|
+
* @returns {String} 图片路径
|
|
2021
|
+
*/
|
|
1937
2022
|
function getImagePath(value) {
|
|
1938
2023
|
var imagePath = "";
|
|
1939
2024
|
var image = colorImages.find(item => item.value === value);
|
|
@@ -1942,6 +2027,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
1942
2027
|
}
|
|
1943
2028
|
return imagePath;
|
|
1944
2029
|
}
|
|
2030
|
+
/**
|
|
2031
|
+
* @description 切换分析方式
|
|
2032
|
+
* @param {Object} event 事件对象
|
|
2033
|
+
*/
|
|
1945
2034
|
function changeMethod(event) {
|
|
1946
2035
|
if (formItem.analysisMethod == 1) {
|
|
1947
2036
|
stopBubble(event);
|
|
@@ -1949,7 +2038,11 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
1949
2038
|
viewModel && viewModel.changeAnalysisMethod("analysisMethod", formItem.analysisMethod);
|
|
1950
2039
|
}
|
|
1951
2040
|
|
|
1952
|
-
|
|
2041
|
+
/**
|
|
2042
|
+
* @description 参数改变时触发对应处理逻辑
|
|
2043
|
+
* @param {String} key 改变的参数名
|
|
2044
|
+
* @param {Object} event 事件对象
|
|
2045
|
+
*/
|
|
1953
2046
|
function paramsChanged(key, event) {
|
|
1954
2047
|
switch (key) {
|
|
1955
2048
|
case "analysisMethod":
|
|
@@ -2024,17 +2117,26 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
|
|
|
2024
2117
|
viewModel && viewModel.clear();
|
|
2025
2118
|
viewModel && viewModel.start();
|
|
2026
2119
|
}
|
|
2027
|
-
|
|
2120
|
+
/**
|
|
2121
|
+
* @description 结束计算
|
|
2122
|
+
* @param {Object} event 事件对象
|
|
2123
|
+
*/
|
|
2028
2124
|
function stopAnalysis(event) {
|
|
2029
2125
|
viewModel && viewModel.stopCalculation();
|
|
2030
2126
|
stopBubble();
|
|
2031
2127
|
}
|
|
2032
|
-
|
|
2128
|
+
/**
|
|
2129
|
+
* @description 清除结果
|
|
2130
|
+
* @param {Object} event 事件对象
|
|
2131
|
+
*/
|
|
2033
2132
|
function clearResult(event) {
|
|
2034
2133
|
stopBubble(event);
|
|
2035
2134
|
viewModel && viewModel.clear();
|
|
2036
2135
|
}
|
|
2037
|
-
|
|
2136
|
+
/**
|
|
2137
|
+
* @description 取消事件冒泡
|
|
2138
|
+
* @param {Object} event 事件对象
|
|
2139
|
+
*/
|
|
2038
2140
|
function stopBubble(event) {
|
|
2039
2141
|
if (event && event.stopPropagation) {
|
|
2040
2142
|
event.stopPropagation();
|
|
@@ -3226,11 +3328,11 @@ Object.defineProperty(exports, "__esModule", ({
|
|
|
3226
3328
|
value: true
|
|
3227
3329
|
}));
|
|
3228
3330
|
exports.kq_npm_client_leaflet_vue = exports.kq_npm_client_common_vue = exports.kq_npm_client3d_webgl_vue = void 0;
|
|
3229
|
-
|
|
3331
|
+
const kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
|
|
3230
3332
|
__webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
|
|
3231
|
-
|
|
3333
|
+
const kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
|
|
3232
3334
|
__webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
|
|
3233
|
-
|
|
3335
|
+
const kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
|
|
3234
3336
|
__webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
|
|
3235
3337
|
|
|
3236
3338
|
/***/ })
|