@kq_npm/client3d_webgl_vue 3.7.7-beta → 3.9.1-beta

package/screenshot/index.js

@@ -165,6 +165,13 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
 /***/ 826:
 /***/ (function(module) {
 
@@ -306,6 +313,8 @@ var gis_utils_ = __webpack_require__(826);
 var ScreenshotViewModel = __webpack_require__(1248);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(9519);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/screenshot/Screenshot.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
@@ -318,6 +327,7 @@ const _hoisted_2 = {
 
 
 
+
  // 场景宽度
 
 const __default__ = {
@@ -399,7 +409,17 @@ const __default__ = {
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.screenshot;
+    });
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
       (0,util_.updatePosition)(boxRef.value, props);
       (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
@@ -411,7 +431,6 @@ const __default__ = {
       });
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
-          language.value = scenceView._language;
           var canvas = scenceView._viewer.scene.canvas;
           imgWidthMax.value = canvas.width;
           imgHeightMax.value = canvas.height;
@@ -428,7 +447,7 @@ const __default__ = {
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
-        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef);
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     }; // 场景出图
 

package/shadowanalysis/index.js

@@ -36,6 +36,13 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
 /***/ 9702:
 /***/ (function(module) {
 
@@ -421,6 +428,8 @@ var const_image_ = __webpack_require__(9702);
 var client_icons_vue_ = __webpack_require__(348);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(9519);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/shadowanalysis/ShadowAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
@@ -452,6 +461,7 @@ const _hoisted_7 = {
 
 
 
+
 const __default__ = {
   name: "Kq3dShadowAnalysis"
 };
@@ -589,7 +599,18 @@ const __default__ = {
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.shadowAnalysis;
+      currentLang.value = newVal;
+    });
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
       (0,util_.updatePosition)(boxRef.value, props);
       (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
@@ -600,11 +621,8 @@ const __default__ = {
         watchCreateHeaderTemp();
       });
       time.value = [formItem.startTime, formItem.endTime];
-      currentLang.value = proxy.$i18n.locale; // 获取当前语言类型
-
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
-          language.value = scenceView._language;
           viewModel = new ShadowAnalysisViewModel(scenceView, {
             showVoxel: formItem.showBuilding,
             // 显示体素
@@ -638,7 +656,7 @@ const __default__ = {
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
-        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef);
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     }; // 获取当前日期
 

package/sightlineanalysis/index.js

@@ -379,6 +379,13 @@ module.exports = require("core-js/modules/es.array.includes.js");
 
 /***/ }),
 
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
 /***/ 9702:
 /***/ (function(module) {
 
@@ -846,6 +853,8 @@ class SightlineAnalysisViewModel {
 var client_icons_vue_ = __webpack_require__(348);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(9519);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sightlineanalysis/SightlineAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
@@ -859,6 +868,7 @@ const _hoisted_2 = {
 
 
 
+
 const __default__ = {
   name: "Kq3dSightlineAnalysis"
 };
@@ -925,7 +935,17 @@ const __default__ = {
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.sightlineAnalysis;
+    });
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
       (0,util_.updatePosition)(boxRef.value, props);
       (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
@@ -938,7 +958,6 @@ const __default__ = {
 
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
-          language.value = scenceView._language;
           let options = {
             lineWidth: formItem.lineWidth,
             visibleColor: formItem.visibleColor,
@@ -957,7 +976,7 @@ const __default__ = {
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
-        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef);
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     };
 

package/skylineanalysis/index.js

@@ -36,6 +36,13 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
 /***/ 826:
 /***/ (function(module) {
 
@@ -194,7 +201,7 @@ class SkylineAnalysisViewModel {
    * @param {*} viewer 三维对象
    * @param {*} option 天际线分析参数对象
    */
-  constructor(viewer, option) {
+  constructor(viewer, option, chartStyle) {
     (0,defineProperty/* default */.Z)(this, "_skylineAnalysis", null);
 
     (0,defineProperty/* default */.Z)(this, "_skylineAnalysisChart", null);
@@ -205,6 +212,9 @@ class SkylineAnalysisViewModel {
 
     (0,defineProperty/* default */.Z)(this, "_showLimitHeightBody", null);
 
+    (0,defineProperty/* default */.Z)(this, "_chartStyle", null);
+
+    this._chartStyle = chartStyle;
     viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
 
     viewer.scene.postProcessStages._fxaa.enabled = true; // 创建分析参数对象
@@ -304,16 +314,25 @@ class SkylineAnalysisViewModel {
 
 
   setSkyline2D() {
+    let chartStyle = this._chartStyle;
     if (!this._skylineAnalysis) return;
 
     var data = this._skylineAnalysis.updateBuffer();
 
     var option = {
       title: {
-        text: this._skylineAnalysisChartTitle
+        text: this._skylineAnalysisChartTitle,
+        textStyle: {
+          color: chartStyle.textColor
+        }
       },
       tooltip: {
-        trigger: "axis"
+        trigger: "axis",
+        backgroundColor: chartStyle.backgroundColor,
+        borderWidth: 0,
+        textStyle: {
+          color: chartStyle.textColor
+        }
       },
       grid: {
         containLabel: true,
@@ -332,7 +351,10 @@ class SkylineAnalysisViewModel {
       yAxis: [{
         type: "value",
         min: 0,
-        max: 1
+        max: 1,
+        axisLabel: {
+          color: chartStyle.textColor
+        }
       }],
       series: [{
         name: "",
@@ -342,6 +364,37 @@ class SkylineAnalysisViewModel {
     };
     this._skylineAnalysisChart && this._skylineAnalysisChart.setOption(option);
   }
+  /**
+   * 设置echarts图表样式
+   */
+
+
+  setChartStyle(style) {
+    this._chartStyle = style;
+
+    if (this._skylineAnalysisChart) {
+      let option = this._skylineAnalysisChart.getOption();
+
+      option.title[0].textStyle.color = style.textColor;
+      option.tooltip[0].backgroundColor = style.backgroundColor;
+      option.tooltip[0].textStyle.color = style.textColor;
+      option.yAxis[0].axisLabel.color = style.textColor;
+
+      this._skylineAnalysisChart.setOption(option);
+    }
+  }
+
+  setChartTitle(title) {
+    this._skylineAnalysisChartTitle = title;
+
+    if (this._skylineAnalysisChart) {
+      let option = this._skylineAnalysisChart.getOption();
+
+      option.title[0].text = title;
+
+      this._skylineAnalysisChart.setOption(option);
+    }
+  }
   /**
    * 清除限高体
    */
@@ -353,9 +406,8 @@ class SkylineAnalysisViewModel {
     if (this._skylineAnalysis && !this._skylineAnalysis.isDestroyed()) {
       this._skylineAnalysis.removeAlllimitHeights();
 
-      this._skylineAnalysis.removeAllFaces();
+      this._skylineAnalysis.removeAllFaces(); // this._skylineAnalysis.removeGeoJsonDataSource();
 
-      this._skylineAnalysis.removeGeoJsonDataSource();
 
       this._skylineAnalysis.removeCzmlJsonDataSource();
     }
@@ -436,7 +488,7 @@ class SkylineAnalysisViewModel {
     }
   }
   /**
-   * 注销
+   * 销毁
    */
 
 
@@ -455,6 +507,8 @@ class SkylineAnalysisViewModel {
 var client_icons_vue_ = __webpack_require__(348);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(9519);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: external "echarts"
 var external_echarts_namespaceObject = require("echarts");
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/skylineanalysis/SkylineAnalysis.vue?vue&type=script&setup=true&lang=js
@@ -478,6 +532,7 @@ const _hoisted_4 = {
 
 
 
+
  // 语言
 
 const __default__ = {
@@ -561,7 +616,18 @@ const __default__ = {
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.skylineAnalysis;
+      viewModel && viewModel.setChartTitle(language.value["skylineAnalysisChartTitle"]);
+    });
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
       (0,util_.updatePosition)(boxRef.value, props);
       (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
@@ -573,26 +639,56 @@ const __default__ = {
       });
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
-          language.value = scenceView._language;
           viewModel = new SkylineAnalysisViewModel(scenceView._viewer, {
             skylineColor: formItem.skylineColor || "#E6A23C",
-            skylineRadius: formItem.skylineRadius || 1000,
+            skylineRadius: formItem.skylineRadius || 2000,
             limitHeightBodyColor: formItem.limitHeightBodyColor || "#67C23A",
             limitHeightBodyAlpha: formItem.limitHeightBodyAlpha || 0.7,
             skylineWidth: formItem.skylineWidth || 2
-          }, resultEcahrtVis);
-          viewModel._skylineAnalysisChartTitle = language.value["skylineAnalysisChartTitle"];
+          }, setEchartsColor());
+          viewModel._skylineAnalysisChartTitle = scenceView._language["skylineAnalysisChartTitle"];
         }
       });
-    });
+    }); // 监听主题变化，重置Echarts
+
+    const observer = new MutationObserver(mutationsList => {
+      for (let mutation of mutationsList) {
+        if (mutation.type === "attributes" && mutation.attributeName === "class") {
+          let style = setEchartsColor();
+          viewModel.setChartStyle(style);
+        }
+      }
+    }); // 配置要观察的目标节点及其属性
+
+    const targetNode = document.querySelector("html");
+    const config = {
+      attributes: true
+    };
+    observer.observe(targetNode, config);
+
+    const setEchartsColor = () => {
+      let style = {};
+      let themeStyle = window.getComputedStyle(document.documentElement).getPropertyValue("color-scheme");
+
+      if (themeStyle === "dark") {
+        style.textColor = "#fff";
+        style.backgroundColor = "#2A2A2A";
+      } else {
+        style.textColor = "#333";
+        style.backgroundColor = "#ffffff";
+      }
+
+      return style;
+    };
     /**
      * @description 监听header生成
      */
 
+
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
-        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef);
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     }; // 提取天际线
 

package/slopeanalysis/index.js

@@ -36,6 +36,13 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
 /***/ 9702:
 /***/ (function(module) {
 
@@ -453,6 +460,8 @@ class SlopeAnalysisViewModel {
 var client_icons_vue_ = __webpack_require__(348);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(9519);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
@@ -495,6 +504,7 @@ const _hoisted_10 = {
 
 
 
+
 const __default__ = {
   name: "Kq3dSlopeAnalysis"
 };
@@ -598,7 +608,17 @@ const __default__ = {
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.slopeAnalysis;
+    });
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
       (0,util_.updatePosition)(boxRef.value, props);
       (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
@@ -612,7 +632,6 @@ const __default__ = {
 
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
-          language.value = scenceView._language;
           refactorArr();
           viewModel = new SlopeAnalysisViewModel(scenceView, formItem); // var imageUrl = getImagePath(formItem.colorImage);
           // viewModel.setColorImage(imageUrl);
@@ -626,7 +645,7 @@ const __default__ = {
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
-        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef);
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     }; // 刷新自定义样式数组
 

package/statusbar/index.js

@@ -80,9 +80,13 @@ module.exports = function (cssWithMappingToString) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": function() { return /* binding */ StatusBarViewModel; }
 /* harmony export */ });
+/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8270);
+
 // 地图状态栏逻辑类
 class StatusBarViewModel {
   constructor(viewer, options) {
+    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_viewer", null);
+
     viewer.statusBar.show = true;
     viewer.statusBar.readyPromise.then(() => {
       // viewer.statusBar.container.style.bottom = "16px";
@@ -112,13 +116,63 @@ class StatusBarViewModel {
         viewer.statusBar.setCopyrightText(options.copyrightText);
       }
     });
+    this._viewer = viewer;
+  }
+
+  changeLanguage(lang) {
+    var that = this;
+
+    if (that._viewer.statusBar._ready) {
+      var originLanguage = that._viewer.statusBar._curLanguage;
+      var language = new Cesium.Languages({
+        languageStyle: lang == 'zh' ? 'zh-cn' : 'en'
+      });
+      language.readyPromise.then(function () {
+        //loaded success
+        that._viewer._language = language;
+        var langContent = language.content;
+
+        if (langContent) {
+          that._viewer.statusBar._curLanguage = {
+            mUnit: langContent.mUnit,
+            kmUnit: langContent.kmUnit,
+            sqkmUnit: langContent.sqkmUnit,
+            sqmUnit: langContent.sqmUnit,
+            N: langContent.N,
+            S: langContent.S,
+            E: langContent.E,
+            W: langContent.W,
+            du: langContent.du,
+            fen: langContent.fen,
+            miao: langContent.miao,
+            elevation: langContent.elevation,
+            eyeAltitude: langContent.eyeAltitude,
+            copyright: langContent.copyright,
+            scale: langContent.scale
+          };
+          var id = that._viewer.statusBar._id; // 比例尺控件
+
+          html = document.getElementById(id + '_ScaleBarTxt').innerHTML;
+          document.getElementById(id + '_ScaleBarTxt').innerHTML = html.replace(originLanguage.scale, langContent.scale); // 比例尺
+
+          html = document.getElementById(id + '_ScaleTxt').innerHTML;
+          document.getElementById(id + '_ScaleTxt').innerHTMLhtml = html.replace(originLanguage.kmUnit, langContent.kmUnit).replace(originLanguage.mUnit, langContent.mUnit); // 视点高
+
+          html = document.getElementById(id + '_CoordEyeAlt').innerHTML;
+          document.getElementById(id + '_CoordEyeAlt').innerHTML = html.replace(originLanguage.eyeAltitude, langContent.eyeAltitude).replace(originLanguage.kmUnit, langContent.kmUnit).replace(originLanguage.mUnit, langContent.mUnit); // 高度
+
+          var html = document.getElementById(id + '_CoordHeight').innerHTML;
+          document.getElementById(id + '_CoordHeight').innerHTML = html.replace(originLanguage.kmUnit, langContent.kmUnit).replace(originLanguage.mUnit, langContent.mUnit);
+        }
+      });
+    }
   }
 
 }
 
 /***/ }),
 
-/***/ 1407:
+/***/ 6854:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7705);
@@ -409,6 +463,13 @@ module.exports = function (list, options) {
 
 /***/ }),
 
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
 /***/ 826:
 /***/ (function(module) {
 
@@ -428,6 +489,29 @@ module.exports = require("@kq_npm/client_common_vue/init.js");
 
 module.exports = require("vue");
 
+/***/ }),
+
+/***/ 8270:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 /***/ })
 
 /******/ 	});
@@ -521,10 +605,13 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 var gis_utils_ = __webpack_require__(826);
 // EXTERNAL MODULE: ./src/webgl/statusbar/StatusBarViewModel.js
 var StatusBarViewModel = __webpack_require__(6311);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/statusbar/StatusBar.vue?vue&type=script&setup=true&lang=js
 
 
 
+
 /**
  * 支持传入属性：
  *   hideResolution - 隐藏分辨率
@@ -559,7 +646,14 @@ const __default__ = {
 
   setup(__props) {
     const props = __props;
-    let viewModel = null;
+    let viewModel = null; // 国际化
+
+    let {
+      locale
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      viewModel && viewModel.changeLanguage(newVal);
+    });
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
@@ -578,9 +672,9 @@ const __default__ = {
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
 var injectStylesIntoStyleTag = __webpack_require__(3379);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=0f45d5c6&lang=scss
-var StatusBarvue_type_style_index_0_id_0f45d5c6_lang_scss = __webpack_require__(1407);
-;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=0f45d5c6&lang=scss
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=f2dabb7e&lang=scss
+var StatusBarvue_type_style_index_0_id_f2dabb7e_lang_scss = __webpack_require__(6854);
+;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=f2dabb7e&lang=scss
 
             
 
@@ -589,12 +683,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(StatusBarvue_type_style_index_0_id_0f45d5c6_lang_scss/* default */.Z, options);
+var update = injectStylesIntoStyleTag_default()(StatusBarvue_type_style_index_0_id_f2dabb7e_lang_scss/* default */.Z, options);
 
 
 
-/* harmony default export */ var statusbar_StatusBarvue_type_style_index_0_id_0f45d5c6_lang_scss = (StatusBarvue_type_style_index_0_id_0f45d5c6_lang_scss/* default.locals */.Z.locals || {});
-;// CONCATENATED MODULE: ./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=0f45d5c6&lang=scss
+/* harmony default export */ var statusbar_StatusBarvue_type_style_index_0_id_f2dabb7e_lang_scss = (StatusBarvue_type_style_index_0_id_f2dabb7e_lang_scss/* default.locals */.Z.locals || {});
+;// CONCATENATED MODULE: ./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=f2dabb7e&lang=scss
 
 ;// CONCATENATED MODULE: ./src/webgl/statusbar/StatusBar.vue