gis-map-universal 1.1.7 → 1.1.8

package/gismap.umd.js

@@ -1716,17 +1716,6 @@ function extentFromProjection(projection) {
 }
 
 
-/***/ }),
-
-/***/ "08e6":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a279");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0999":
@@ -11349,20 +11338,6 @@ module.exports = fails(function () {
 });
 
 
-/***/ }),
-
-/***/ "1176":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".Popup[data-v-b70a5ef4]{width:2.2rem;height:2.2rem}.data-list[data-v-b70a5ef4]{margin-top:.1rem;width:100%;font-size:.08rem;color:#fff;max-height:1.3rem;overflow-y:auto}.list-header[data-v-b70a5ef4]{display:flex;background-color:rgba(75,255,252,.2);border-bottom:1px solid rgba(75,255,252,.3);padding:.05rem 0;position:sticky;top:0;z-index:10}.header-item[data-v-b70a5ef4]{flex:1;text-align:center;font-weight:700;color:#4bfffc}.header-item[data-v-b70a5ef4]:last-child{flex:1.5;text-align:center;padding-left:.05rem}.list-content[data-v-b70a5ef4]{width:100%}.list-item[data-v-b70a5ef4]{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);padding:.05rem 0}.list-item[data-v-b70a5ef4]:last-child{border-bottom:none}.list-cell[data-v-b70a5ef4]{flex:1;text-align:center;word-break:break-word}.list-cell.remark[data-v-b70a5ef4]{text-align:left;flex:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.list-cell.remark[data-v-b70a5ef4]::-webkit-tooltip{display:none}.custom-tooltip{pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.list-content[data-v-b70a5ef4]::-webkit-scrollbar{width:4px}.list-content[data-v-b70a5ef4]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.list-content[data-v-b70a5ef4]::-webkit-scrollbar-thumb{background:rgba(75,255,252,.5);border-radius:2px}.list-content[data-v-b70a5ef4]::-webkit-scrollbar-thumb:hover{background:rgba(75,255,252,.8)}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "11b0":
@@ -26464,6 +26439,17 @@ module.exports = function (it) {
 /* harmony default export */ __webpack_exports__["a"] = (null);
 
 
+/***/ }),
+
+/***/ "4601":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f43b");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4625":
@@ -42899,6 +42885,20 @@ exports.push([module.i, "#map[data-v-cb037cc4]{width:100%;height:var(--height)}.
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "77c2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".Popup[data-v-5e1a4ac4]{width:2.2rem;height:2.5rem}.divtitleone[data-v-5e1a4ac4]{padding:.01rem 0 .01rem .04rem;margin-top:.05rem;width:26%}.divtitleone[data-v-5e1a4ac4],.divtitletwo[data-v-5e1a4ac4]{background:linear-gradient(135deg,rgba(75,255,252,.2),rgba(75,255,252,.1));color:#4bfffc;font-weight:700;border-radius:3px;font-size:.08rem;border-left:3px solid #4bfffc}.divtitletwo[data-v-5e1a4ac4]{padding:.01rem 0 .02rem .04rem;width:34%}.data-list[data-v-5e1a4ac4]{margin-top:.1rem;width:100%;font-size:.08rem;color:#fff;overflow-y:auto}.list-header[data-v-5e1a4ac4]{display:flex;background-color:rgba(75,255,252,.2);border-bottom:1px solid rgba(75,255,252,.3);padding:.05rem 0;position:sticky;top:0;z-index:10}.header-item[data-v-5e1a4ac4]{flex:1;text-align:center;font-weight:700;color:#4bfffc}.header-item[data-v-5e1a4ac4]:last-child{flex:1.5;text-align:center;padding-left:.05rem}.list-content[data-v-5e1a4ac4]{width:100%}.list-item[data-v-5e1a4ac4]{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);padding:.05rem 0}.list-item[data-v-5e1a4ac4]:last-child{border-bottom:none}.list-cell[data-v-5e1a4ac4]{flex:1;text-align:center;word-break:break-word}.list-cell.remark[data-v-5e1a4ac4]{text-align:left;flex:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.list-cell.remark[data-v-5e1a4ac4]::-webkit-tooltip{display:none}.custom-tooltip{pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar{width:4px}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar-thumb{background:rgba(75,255,252,.5);border-radius:2px}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar-thumb:hover{background:rgba(75,255,252,.8)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7804":
@@ -55649,22 +55649,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "a279":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("1176");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("8e217a0c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "a2c7":
@@ -79468,6 +79452,22 @@ class Point extends _SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_0__[/* default *
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "f43b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("77c2");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("5e246b40", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "f46c":
@@ -260707,89 +260707,6 @@ ol_echarts_esm_EChartsLayer.isObject = ol_echarts_esm_isObject;
 /* harmony default export */ var ol_echarts_esm = (ol_echarts_esm_EChartsLayer);
 //# sourceMappingURL=ol-echarts.esm.js.map
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=template&id=3b5ee555&scoped=true
-var customPointLayervue_type_template_id_3b5ee555_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _vm.isshow ? _c('div', {
-    style: {
-      height: _vm.height,
-      width: _vm.width
-    }
-  }, [_c('iframe', {
-    staticStyle: {
-      "width": "100%",
-      "height": "100%",
-      "border": "none"
-    },
-    attrs: {
-      "src": _vm.popupAttr.popupUrl
-    }
-  })]) : _vm._e();
-};
-var customPointLayervue_type_template_id_3b5ee555_scoped_true_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=template&id=3b5ee555&scoped=true
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=script&lang=js
-/* harmony default export */ var customPointLayervue_type_script_lang_js = ({
-  name: '',
-  components: {},
-  created() {},
-  mounted() {},
-  props: {
-    popupAttr: Object
-  },
-  data() {
-    return {
-      isshow: false,
-      height: 0,
-      width: 0
-    };
-  },
-  methods: {
-    fuyuan() {
-      this.isshow = false;
-      this.$nextTick(() => {
-        let fontSize = Number(document.getElementsByTagName('html')[0].style.fontSize.split('px')[0]);
-        let frameHeight = (this.popupAttr.popupHeight - 110) / 192 * fontSize;
-        let frameWidth = (this.popupAttr.popupWidth - 30) / 192 * fontSize;
-        this.height = frameHeight + 'px';
-        this.width = frameWidth + 'px';
-        this.isshow = true;
-      });
-    },
-    destroyFlv() {
-      this.isshow = false;
-    }
-  },
-  computed: {},
-  mounted() {
-    this.fuyuan();
-  }
-});
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=script&lang=js
- /* harmony default export */ var component_customPointLayervue_type_script_lang_js = (customPointLayervue_type_script_lang_js); 
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/customPointLayer.vue
-
-
-
-
-
-/* normalize component */
-
-var customPointLayer_component = normalizeComponent(
-  component_customPointLayervue_type_script_lang_js,
-  customPointLayervue_type_template_id_3b5ee555_scoped_true_render,
-  customPointLayervue_type_template_id_3b5ee555_scoped_true_staticRenderFns,
-  false,
-  null,
-  "3b5ee555",
-  null
-  
-)
-
-/* harmony default export */ var customPointLayer = (customPointLayer_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/trafficEventLayers/EmergencyLayer.vue?vue&type=template&id=c96d8022&scoped=true
 var EmergencyLayervue_type_template_id_c96d8022_scoped_true_render = function render() {
   var _vm = this,
@@ -263653,6 +263570,386 @@ var TravelPointLayer_component = normalizeComponent(
 )
 
 /* harmony default export */ var TravelPointLayer = (TravelPointLayer_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=template&id=5e1a4ac4&scoped=true
+var CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "Popup"
+  }, [_c('div', {
+    staticClass: "divtitleone"
+  }, [_vm._v("城市综合评估：")]), _c('div', {
+    ref: "etCharts",
+    staticStyle: {
+      "height": "1.3rem",
+      "width": "100%"
+    }
+  }), _c('div', {
+    staticClass: "divtitletwo"
+  }, [_vm._v("公共交通客运分析：")]), _c('div', {
+    staticClass: "data-list"
+  }, [_vm._m(0), _c('div', {
+    staticClass: "list-content"
+  }, _vm._l(_vm.infrastructureList, function (item, index) {
+    return _c('div', {
+      key: index,
+      staticClass: "list-item"
+    }, [_c('div', {
+      staticClass: "list-cell"
+    }, [_vm._v(_vm._s(item.transportName))]), _c('div', {
+      staticClass: "list-cell"
+    }, [_vm._v(_vm._s(item.infrastructureCount))]), _c('div', {
+      staticClass: "list-cell remark",
+      on: {
+        "mouseenter": function ($event) {
+          return _vm.showTooltip($event, item.remark);
+        },
+        "mouseleave": _vm.hideTooltip
+      }
+    }, [_vm._v(" " + _vm._s(_vm.truncateText(item.remark, 15)) + " ")])]);
+  }), 0)])]);
+};
+var CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "list-header"
+  }, [_c('div', {
+    staticClass: "header-item"
+  }, [_vm._v("公共交通客运")]), _c('div', {
+    staticClass: "header-item"
+  }, [_vm._v("基础设施数量")]), _c('div', {
+    staticClass: "header-item"
+  }, [_vm._v("设施说明")])]);
+}];
+
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=template&id=5e1a4ac4&scoped=true
+
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/js/requestDSQ.js
+
+
+
+const requestDSQ_service = lib_axios.create({
+  timeout: 30000
+});
+requestDSQ_service.interceptors.request.use(config => {
+  var _Vue$prototype$$Globa;
+  config.baseURL = (_Vue$prototype$$Globa = external_commonjs_vue_commonjs2_vue_root_Vue_default.a.prototype.$GlobalConfig) === null || _Vue$prototype$$Globa === void 0 ? void 0 : _Vue$prototype$$Globa.dsqURL;
+  return config;
+}, error => {
+  console.log(error);
+  return Promise.reject(error);
+});
+requestDSQ_service.interceptors.response.use(response => {
+  const res = response.data;
+  return res;
+}, error => {
+  return Promise.reject(error);
+});
+/* harmony default export */ var requestDSQ = (requestDSQ_service);
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/api/dushiquanApi.js
+
+// 公共交通客运分析
+function getpublicTrfList(data) {
+  return requestDSQ({
+    url: "/prod-api/public/SERVICE_003_011/query/traffic/list",
+    method: "post",
+    data
+  });
+}
+// 公共交通客运分析
+function gettransportInfoList(data) {
+  return requestDSQ({
+    url: "/prod-api/public/SERVICE_003_011/query/transportInfo/getInfo",
+    method: "post",
+    data
+  });
+}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var CityAreaLayervue_type_script_lang_js = ({
+  name: "CityAreaLayer",
+  props: {
+    popupAttr: Object
+  },
+  data() {
+    return {
+      infrastructureList: [],
+      currentTooltip: null,
+      myChart: null // 图表实例引用
+    };
+  },
+  created() {},
+  mounted() {
+    this.fuyuanv();
+  },
+  beforeDestroy() {
+    // 清理提示框
+    this.hideTooltip();
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
+  },
+  methods: {
+    fuyuanv() {
+      this.infrastructureList = [];
+      this.currentTooltip = null;
+      // 销毁旧的图表实例
+      if (this.myChart) {
+        this.myChart.dispose();
+        this.myChart = null;
+      }
+      this.fetchInfrastructureData();
+      this.initEcharts();
+    },
+    // 截断文本并添加省略号
+    truncateText(text, maxLength = 15) {
+      if (!text || text.length <= maxLength) {
+        return text;
+      }
+      return text.substring(0, maxLength) + "...";
+    },
+    // 显示自定义提示框
+    showTooltip(event, content) {
+      // 如果内容长度不超过限制，不显示提示框
+      if (content.length <= 15) return;
+
+      // 移除旧的提示框
+      this.hideTooltip();
+
+      // 创建新的提示框
+      const tooltip = document.createElement("div");
+      tooltip.className = "custom-tooltip";
+      tooltip.textContent = content;
+      tooltip.style.position = "fixed";
+      tooltip.style.zIndex = "9999";
+      tooltip.style.background = "rgba(0, 0, 0, 0.9)";
+      tooltip.style.color = "#fff";
+      tooltip.style.padding = "8px";
+      tooltip.style.borderRadius = "4px";
+      tooltip.style.fontSize = "12px";
+      tooltip.style.maxWidth = "300px";
+      tooltip.style.wordBreak = "break-word";
+
+      // 设置位置，稍微偏移鼠标位置
+      const rect = event.target.getBoundingClientRect();
+      tooltip.style.left = event.clientX + 10 + "px";
+      tooltip.style.top = event.clientY - 10 + "px";
+      document.body.appendChild(tooltip);
+      this.currentTooltip = tooltip;
+    },
+    // 隐藏提示框
+    hideTooltip() {
+      if (this.currentTooltip && this.currentTooltip.parentNode) {
+        document.body.removeChild(this.currentTooltip);
+        this.currentTooltip = null;
+      }
+    },
+    // 获取基础设施数据
+    fetchInfrastructureData() {
+      let param = {
+        sysid: "brain_cockpit",
+        service_code: "API_003_035_006",
+        parameters: {
+          cityCode: this.popupAttr.adcode
+        }
+      };
+      getpublicTrfList(param).then(response => {
+        if (response.code === 200 && response.data) {
+          this.infrastructureList = response.data;
+        }
+      }).catch(error => {
+        console.error("获取基础设施数据失败:", error);
+      });
+    },
+    initEcharts() {
+      let param = {
+        sysid: "brain_cockpit",
+        service_code: "API_003_035_005",
+        parameters: {
+          transportId: this.popupAttr.adcode
+        }
+      };
+      gettransportInfoList(param).then(response => {
+        if (response.code === 200 && response.data) {
+          const data = response.data;
+          const values = [parseFloat(data.cityArea),
+          // 面积
+          parseFloat(data.population),
+          // 常驻人口
+          parseFloat(data.highspeedMileage),
+          // 高速铁路
+          parseFloat(data.railwayMileage),
+          // 铁路
+          parseFloat(data.roadMileage),
+          // 公路
+          parseFloat(data.freewayMileage) // 高速公路
+          ];
+          // 初始化或复用图表实例
+          if (!this.myChart) {
+            this.myChart = echarts_init(this.$refs.etCharts);
+          } else {
+            this.myChart.resize();
+          }
+          let myChart = this.myChart;
+          var legendData = ["城市综合评估"];
+          var indicator = [{
+            text: "面积",
+            max: 17192
+          }, {
+            text: "常驻人口",
+            max: 1101.8
+          }, {
+            text: "高速铁路",
+            max: 460
+          }, {
+            text: "铁路",
+            max: 835
+          }, {
+            text: "公路",
+            max: 33072.2
+          }, {
+            text: "高速公路",
+            max: 908.6
+          }];
+          var dataArr = [{
+            value: values,
+            name: legendData[0],
+            itemStyle: {
+              normal: {
+                lineStyle: {
+                  color: "#4BFFFC"
+                },
+                shadowColor: "#4BFFFC",
+                shadowBlur: 10
+              }
+            },
+            areaStyle: {
+              normal: {
+                color: {
+                  type: "linear",
+                  x: 0,
+                  y: 0,
+                  x2: 1,
+                  y2: 1,
+                  colorStops: [{
+                    offset: 0,
+                    color: "#4BFFFC"
+                  }, {
+                    offset: 0.5,
+                    color: "rgba(0,0,0,0)"
+                  }, {
+                    offset: 1,
+                    color: "#4BFFFC"
+                  }],
+                  globalCoord: false
+                },
+                opacity: 1
+              }
+            }
+          }];
+          var colorArr = ["#4BFFFC"];
+          let option = {
+            color: colorArr,
+            tooltip: {
+              trigger: "item",
+              position: "inside",
+              backgroundColor: "rgba(0, 0, 0, 0.7)",
+              borderColor: "rgba(75, 255, 252, 0.3)",
+              borderWidth: 1,
+              textStyle: {
+                color: "#fff",
+                fontSize: 10
+              },
+              padding: 5
+            },
+            radar: {
+              center: ["50%", "50%"],
+              radius: ["0%", "60%"],
+              name: {
+                textStyle: {
+                  color: "#fff",
+                  fontSize: 10
+                },
+                padding: [0, 0, 0, 0]
+              },
+              indicator: indicator,
+              splitArea: {
+                show: true,
+                areaStyle: {
+                  color: ["rgba(255,255,255,0)", "rgba(255,255,255,0)"]
+                }
+              },
+              axisLine: {
+                lineStyle: {
+                  color: "#153269",
+                  width: 0.5
+                }
+              },
+              splitLine: {
+                lineStyle: {
+                  color: "#3583b0",
+                  width: 0.8
+                }
+              }
+            },
+            series: [{
+              type: "radar",
+              symbolSize: 3,
+              lineStyle: {
+                width: 1
+              },
+              areaStyle: {
+                opacity: 0.7
+              },
+              data: dataArr
+            }]
+          };
+          myChart.setOption(option);
+        }
+      });
+    }
+  },
+  watch: {
+    popupAttr: {
+      handler(newVal, oldVal) {
+        if (newVal && newVal.adcode && newVal.adcode !== (oldVal === null || oldVal === void 0 ? void 0 : oldVal.adcode)) {
+          this.fuyuanv();
+        }
+      },
+      deep: true
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=script&lang=js
+ /* harmony default export */ var corridorLayers_CityAreaLayervue_type_script_lang_js = (CityAreaLayervue_type_script_lang_js); 
+// EXTERNAL MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=style&index=0&id=5e1a4ac4&prod&scoped=true&lang=css
+var CityAreaLayervue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css = __webpack_require__("4601");
+
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue
+
+
+
+
+
+
+/* normalize component */
+
+var CityAreaLayer_component = normalizeComponent(
+  corridorLayers_CityAreaLayervue_type_script_lang_js,
+  CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_render,
+  CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5e1a4ac4",
+  null
+  
+)
+
+/* harmony default export */ var CityAreaLayer = (CityAreaLayer_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/shippingLayers/InRiverCapacityLayer.vue?vue&type=template&id=80e9dcca&scoped=true
 var InRiverCapacityLayervue_type_template_id_80e9dcca_scoped_true_render = function render() {
   var _vm = this,
@@ -264466,7 +264763,6 @@ function layersApi_getCongestionEventLayerData() {
   });
 }
 // CONCATENATED MODULE: ./packages/gisMapTianditu/src/js/initBaseLayers.js
-// 自定义打点
 // 交通事件--事件通用
 // 交通事件--拥堵事件
 // 交通事件--服务区异常
@@ -264482,10 +264778,11 @@ function layersApi_getCongestionEventLayerData() {
 // 附属设备--水运相机
 // 附属设备--高速相机
 // 旅游走廊
+// 城市区域
 // 重大活动--活动地点
 /* harmony default export */ var js_initBaseLayers = ({data(){return{lastHoverFeature:null,// 记录上一次悬停的要素
-isCluster:false,eventCluster:true,echartslayer:null,congestedRoadLayer:null,tiandituLayer:null,darkUrl:"http://service.sdmap.gov.cn/tileservice/dsfg_asdxb?",lightUrl:"https://service.sdmap.gov.cn/tileservice/dsfg_qsb?",// lightUrl: "https://service.sdmap.gov.cn/tileservice/sdpubmap?",
-geoJSONUrl:"/china_full.json",sdAreaUrl:"/sdArea.json",subwayLineUrl:"/ditieline.json",darkFillColor:"#1b2639",lightFillColor:"#eeeee9",darkStrokeColor:"#3578E0",lightStrokeColor:"#b4b4b1"};},methods:{initBaseLayers(){let that=this;// 加载WMTS
+isCluster:false,eventCluster:true,echartslayer:null,congestedRoadLayer:null,tiandituLayer:null,darkUrl:"http://service.sdmap.gov.cn/tileservice/dsfg_asdxb?",// lightUrl: "https://service.sdmap.gov.cn/tileservice/dsfg_qsb?",
+lightUrl:"https://service.sdmap.gov.cn/tileservice/sdpubmap?",geoJSONUrl:"/china_full.json",sdAreaUrl:"/sdArea.json",subwayLineUrl:"/ditieline.json",darkFillColor:"#1b2639",lightFillColor:"#eeeee9",darkStrokeColor:"#3578E0",lightStrokeColor:"#b4b4b1"};},methods:{initBaseLayers(){let that=this;// 加载WMTS
 // let resolutions = [
 //   0.010986328125, 0.0054931640625, 0.00274658283125, 0.001373291815625,
 //   0.0006866455078125, 0.00034332275390625, 0.000171661376953125,
@@ -264540,34 +264837,17 @@ style:function(feature){return new Style["default"]({fill:new Fill["default"]({c
 width:1// 边界线宽度
 })});}});this.map.addLayer(this.china_full_Layer);});//监听点击事件
 let elPopup=this.$refs.popup;this.overlayPopup=new Overlay["a" /* default */]({element:elPopup,positioning:"bottom-right",stopEvent:true,autoPan:false});this.map.addOverlay(this.overlayPopup);this.map.on("click",e=>{// 检查是否正在进行区域分析绘制
-const isAreaAnalysisDrawing=this.map.getProperties().isAreaAnalysisDrawing||false;if(!isAreaAnalysisDrawing){let mousePoint=e.coordinate;this.initialPoint=mousePoint;let popupHeaderTitle=document.getElementById("popupHeaderTitle");let feature=this.map.forEachFeatureAtPixel(e.pixel,feature=>{return feature;});if(feature){if(feature.getProperties().features){if(feature.getProperties().features.length>1){const features=feature.getProperties().features;if(this.map.getView().getZoom()>=18){this.popupHeight=350;this.popupWidth=430;this.currentTabComponent=component_ClusterList;this.popupAttributes=features;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="点位列表";this.showPopup();let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.split("px")[0]);let popupHeight=this.popupHeight/153.6*fontSize;let popupWidth=this.popupWidth/153.6*fontSize;this.overlayPopup.setPosition(mousePoint);this.overlayPopup.setOffset([-popupWidth/2,-popupHeight]);let pixelPoint=this.map.getPixelFromCoordinate(mousePoint);let newpixelPoint=[pixelPoint[0],pixelPoint[1]-150];let newCenterPoint=this.map.getCoordinateFromPixel(newpixelPoint);// this.map.getView().animate({
-//   center: newCenterPoint,
-//   duration: 800,
-// });
-this.overlayPopup.set("popupBS","clusterList");}else{// this.map.getView().animate({
-//   center: feature.getGeometry().getCoordinates(),
-//   zoom: this.map.getView().getZoom() * 2,
-//   duration: 1200,
-// });
-}}else{let properties=feature.getProperties().features[0].getProperties();if(properties){if(properties.isDrawn)return;if(properties.popoup===false){let pixelPoint=null;if(mousePoint){pixelPoint=this.map.getPixelFromCoordinate(mousePoint);}that.$emit("clickPointEvent",properties,pixelPoint);return;}let pixelPoint=null;if(mousePoint){pixelPoint=this.map.getPixelFromCoordinate(mousePoint);}this.$emit("clickPointEvent",properties,pixelPoint);const type=properties.type;const data=properties;if(type){switch(type){case"customPoint":this.popupHeight=data.popupHeight-50;this.popupWidth=data.popupWidth-20;this.currentTabComponent=customPointLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.popupTitle;this.zoomInBylatlon([data.longitude,data.latitude],this.map.getView().getZoom());break;case"emergency":this.popupHeight=350;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="突发事件";break;case"otherEvents":this.popupHeight=170;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="其它事件";break;case"construction":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="养护施工";break;case"tollAbnormal":this.popupHeight=330;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站异常";break;case"weatherAbnormal":this.popupHeight=250;this.popupWidth=470;this.currentTabComponent=Weatherevent;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="异常天气";break;case"serviceAreaAbnormal":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=ServiceAreaAbnormalLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区异常";break;case"aiEvent":this.popupHeight=390;this.popupWidth=570;this.currentTabComponent=AIeventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="AI告警事件";break;case"congestionEvent":this.popupHeight=180;this.popupWidth=560;this.currentTabComponent=CongestionEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="拥堵事件";break;case"tollStation":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=TollStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站";break;case"serviceArea":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=ServiceAreaLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区";break;case"trainStation":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=TrainStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="客运站";break;case"port":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=PortLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="港口";break;case"majorEvent":this.popupHeight=255;this.popupWidth=330;this.currentTabComponent=MajorEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="活动地点";break;case"airPort":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=AirportLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="机场";break;case"HSRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=HSRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="高速相机";break;case"SYRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=SYRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="水运相机";break;case"throughCulver":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=ThroughCulvertLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="下穿涵洞";break;case"lonandlatTopile":this.popupHeight=85;this.popupWidth=360;this.currentTabComponent=component_LonlatTopile;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="经纬度转桩号";break;case"latlonPick":this.popupHeight=55;this.popupWidth=360;this.currentTabComponent=component_LatlonPick;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="坐标拾取";break;case"travelPoint":this.popupHeight=500;this.popupWidth=730;this.currentTabComponent=TravelPointLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.name;break;case"inRiverCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;case"inRiverUPCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverUPCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;}this.showPopup();}}else{this.closePopup();}// this.overlayPopup.setPosition(mousePoint);
+const isAreaAnalysisDrawing=this.map.getProperties().isAreaAnalysisDrawing||false;if(!isAreaAnalysisDrawing){let mousePoint=e.coordinate;this.initialPoint=mousePoint;let popupHeaderTitle=document.getElementById("popupHeaderTitle");let feature=this.map.forEachFeatureAtPixel(e.pixel,feature=>{return feature;});if(feature){if(feature.getProperties().features){if(feature.getProperties().features.length>1){const features=feature.getProperties().features;if(this.map.getView().getZoom()>=18){this.popupHeight=350;this.popupWidth=430;this.currentTabComponent=component_ClusterList;this.popupAttributes=features;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="点位列表";this.showPopup();let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.split("px")[0]);let popupHeight=this.popupHeight/153.6*fontSize;let popupWidth=this.popupWidth/153.6*fontSize;this.overlayPopup.setPosition(mousePoint);this.overlayPopup.setOffset([-popupWidth/2,-popupHeight]);let pixelPoint=this.map.getPixelFromCoordinate(mousePoint);let newpixelPoint=[pixelPoint[0],pixelPoint[1]-150];let newCenterPoint=this.map.getCoordinateFromPixel(newpixelPoint);this.map.getView().animate({center:newCenterPoint,duration:800});this.overlayPopup.set("popupBS","clusterList");}else{this.map.getView().animate({center:feature.getGeometry().getCoordinates(),zoom:this.map.getView().getZoom()*2,duration:1200});}}else{let properties=feature.getProperties().features[0].getProperties();if(properties){if(properties.isDrawn)return;if(properties.popoup===false){let pixelPoint=null;if(mousePoint){pixelPoint=this.map.getPixelFromCoordinate(mousePoint);}that.$emit("clickPointEvent",properties,pixelPoint);return;}const type=properties.type;const data=properties;if(type){switch(type){case"emergency":this.popupHeight=350;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="突发事件";break;case"otherEvents":this.popupHeight=170;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="其它事件";break;case"construction":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="养护施工";break;case"tollAbnormal":this.popupHeight=330;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站异常";break;case"weatherAbnormal":this.popupHeight=250;this.popupWidth=470;this.currentTabComponent=Weatherevent;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="异常天气";break;case"serviceAreaAbnormal":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=ServiceAreaAbnormalLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区异常";break;case"aiEvent":this.popupHeight=390;this.popupWidth=570;this.currentTabComponent=AIeventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="AI告警事件";break;case"congestionEvent":this.popupHeight=180;this.popupWidth=560;this.currentTabComponent=CongestionEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="拥堵事件";break;case"tollStation":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=TollStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站";break;case"serviceArea":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=ServiceAreaLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区";break;case"trainStation":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=TrainStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="客运站";break;case"port":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=PortLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="港口";break;case"majorEvent":this.popupHeight=255;this.popupWidth=330;this.currentTabComponent=MajorEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="活动地点";break;case"airPort":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=AirportLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="机场";break;case"HSRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=HSRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="高速相机";break;case"SYRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=SYRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="水运相机";break;case"throughCulver":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=ThroughCulvertLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="下穿涵洞";break;case"lonandlatTopile":this.popupHeight=85;this.popupWidth=360;this.currentTabComponent=component_LonlatTopile;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="经纬度转桩号";break;case"latlonPick":this.popupHeight=55;this.popupWidth=360;this.currentTabComponent=component_LatlonPick;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="坐标拾取";break;case"travelPoint":this.popupHeight=500;this.popupWidth=730;this.currentTabComponent=TravelPointLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.name;break;case"inRiverCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;case"inRiverUPCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverUPCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;case"cityArea":this.popupHeight=530;this.popupWidth=400;this.currentTabComponent=CityAreaLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML='都市圈综合分析';break;}this.showPopup();}}else{this.closePopup();}// this.overlayPopup.setPosition(mousePoint);
 // this.overlayPopup.setOffset([
 //   -this.popupWidth / 2,
 //   -this.popupHeight,
 // ]);
-let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.split("px")[0]);let popupHeight=this.popupHeight/153.6*fontSize;let popupWidth=this.popupWidth/153.6*fontSize;this.overlayPopup.setPosition(mousePoint);this.overlayPopup.setOffset([-popupWidth/2,-popupHeight]);let pixelPoint=this.map.getPixelFromCoordinate(mousePoint);let newpixelPoint=[pixelPoint[0],pixelPoint[1]-150];let newCenterPoint=this.map.getCoordinateFromPixel(newpixelPoint);// this.map.getView().animate({
-//   center: newCenterPoint,
-//   duration: 800,
-// });
-}}else{let properties=feature.getProperties();if(properties){if(properties.isDrawn)return;if(properties.popoup===false){let pixelPoint=null;if(mousePoint){pixelPoint=this.map.getPixelFromCoordinate(mousePoint);}that.$emit("clickPointEvent",properties,pixelPoint);return;}let pixelPoint=null;if(mousePoint){pixelPoint=this.map.getPixelFromCoordinate(mousePoint);}this.$emit("clickPointEvent",properties,pixelPoint);const type=properties.type;const data=properties;if(type){switch(type){case"customPoint":this.popupHeight=data.popupHeight-50;this.popupWidth=data.popupWidth-20;this.currentTabComponent=customPointLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.popupTitle;this.zoomInBylatlon([data.longitude,data.latitude],this.map.getView().getZoom());break;case"emergency":this.popupHeight=350;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="突发事件";break;case"otherEvents":this.popupHeight=170;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="其它事件";break;case"construction":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="养护施工";break;case"tollAbnormal":this.popupHeight=330;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站异常";break;case"weatherAbnormal":this.popupHeight=250;this.popupWidth=470;this.currentTabComponent=Weatherevent;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="异常天气";break;case"serviceAreaAbnormal":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=ServiceAreaAbnormalLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区异常";break;case"aiEvent":this.popupHeight=390;this.popupWidth=570;this.currentTabComponent=AIeventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="AI告警事件";break;case"congestionEvent":this.popupHeight=180;this.popupWidth=560;this.currentTabComponent=CongestionEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="拥堵事件";break;case"tollStation":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=TollStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站";break;case"serviceArea":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=ServiceAreaLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区";break;case"trainStation":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=TrainStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="客运站";break;case"port":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=PortLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="港口";break;case"majorEvent":this.popupHeight=255;this.popupWidth=330;this.currentTabComponent=MajorEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="活动地点";break;case"airPort":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=AirportLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="机场";break;case"HSRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=HSRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="高速相机";break;case"SYRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=SYRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="水运相机";break;case"throughCulver":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=ThroughCulvertLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="下穿涵洞";break;case"lonandlatTopile":this.popupHeight=85;this.popupWidth=360;this.currentTabComponent=component_LonlatTopile;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="经纬度转桩号";break;case"latlonPick":this.popupHeight=55;this.popupWidth=360;this.currentTabComponent=component_LatlonPick;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="坐标拾取";break;case"travelPoint":this.popupHeight=500;this.popupWidth=730;this.currentTabComponent=TravelPointLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.name;break;case"inRiverCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;case"inRiverUPCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverUPCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;}this.showPopup();}else{this.closePopup();}}else{this.closePopup();}// this.overlayPopup.setPosition(mousePoint);
+let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.split("px")[0]);let popupHeight=this.popupHeight/153.6*fontSize;let popupWidth=this.popupWidth/153.6*fontSize;this.overlayPopup.setPosition(mousePoint);this.overlayPopup.setOffset([-popupWidth/2,-popupHeight]);let pixelPoint=this.map.getPixelFromCoordinate(mousePoint);let newpixelPoint=[pixelPoint[0],pixelPoint[1]-150];let newCenterPoint=this.map.getCoordinateFromPixel(newpixelPoint);this.map.getView().animate({center:newCenterPoint,duration:800});}}else{let properties=feature.getProperties();if(properties){if(properties.isDrawn)return;if(properties.popoup===false){let pixelPoint=null;if(mousePoint){pixelPoint=this.map.getPixelFromCoordinate(mousePoint);}that.$emit("clickPointEvent",properties,pixelPoint);return;}const type=properties.type;const data=properties;if(type){switch(type){case"emergency":this.popupHeight=350;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="突发事件";break;case"otherEvents":this.popupHeight=170;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="其它事件";break;case"construction":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=otherLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="养护施工";break;case"tollAbnormal":this.popupHeight=330;this.popupWidth=560;this.currentTabComponent=EmergencyLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站异常";break;case"weatherAbnormal":this.popupHeight=250;this.popupWidth=470;this.currentTabComponent=Weatherevent;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="异常天气";break;case"serviceAreaAbnormal":this.popupHeight=200;this.popupWidth=430;this.currentTabComponent=ServiceAreaAbnormalLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区异常";break;case"aiEvent":this.popupHeight=390;this.popupWidth=570;this.currentTabComponent=AIeventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="AI告警事件";break;case"congestionEvent":this.popupHeight=180;this.popupWidth=560;this.currentTabComponent=CongestionEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="拥堵事件";break;case"tollStation":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=TollStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="收费站";break;case"serviceArea":this.popupHeight=350;this.popupWidth=330;this.currentTabComponent=ServiceAreaLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="服务区";break;case"trainStation":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=TrainStationLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="客运站";break;case"port":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=PortLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="港口";break;case"majorEvent":this.popupHeight=255;this.popupWidth=330;this.currentTabComponent=MajorEventLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="活动地点";break;case"airPort":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=AirportLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="机场";break;case"HSRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=HSRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="高速相机";break;case"SYRoadCamera":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=SYRoadCameraLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="水运相机";break;case"throughCulver":this.popupHeight=315;this.popupWidth=330;this.currentTabComponent=ThroughCulvertLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="下穿涵洞";break;case"lonandlatTopile":this.popupHeight=85;this.popupWidth=360;this.currentTabComponent=component_LonlatTopile;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="经纬度转桩号";break;case"latlonPick":this.popupHeight=55;this.popupWidth=360;this.currentTabComponent=component_LatlonPick;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML="坐标拾取";break;case"travelPoint":this.popupHeight=500;this.popupWidth=730;this.currentTabComponent=TravelPointLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.name;break;case"inRiverCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;case"inRiverUPCapacity":this.popupHeight=350;this.popupWidth=420;this.currentTabComponent=InRiverUPCapacityLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML=data.otherInfo.portName;break;case"cityArea":this.popupHeight=530;this.popupWidth=400;this.currentTabComponent=CityAreaLayer;this.popupAttributes=data;popupHeaderTitle.innerHTML="";popupHeaderTitle.innerHTML='都市圈综合分析';break;}this.showPopup();}else{this.closePopup();}}else{this.closePopup();}// this.overlayPopup.setPosition(mousePoint);
 // this.overlayPopup.setOffset([
 //   -this.popupWidth / 2,
 //   -this.popupHeight - 20,
 // ]);
-let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.split("px")[0]);let popupHeight=this.popupHeight/192*fontSize;let popupWidth=this.popupWidth/192*fontSize;this.overlayPopup.setPosition(mousePoint);this.overlayPopup.setOffset([-popupWidth/2,-popupHeight]);let pixelPoint=this.map.getPixelFromCoordinate(mousePoint);let newpixelPoint=[pixelPoint[0],pixelPoint[1]-150];let newCenterPoint=this.map.getCoordinateFromPixel(newpixelPoint);// this.map.getView().animate({
-//   center: newCenterPoint,
-//   duration: 800,
-// });
-}}else{this.closePopup();}}});this.map.on("pointermove",e=>{let feature=this.map.forEachFeatureAtPixel(e.pixel,feature=>{return feature;});if(feature!==this.lastHoverFeature){if(this.lastHoverFeature){that.$emit("pointerOutEvent",this.lastHoverFeature.getProperties());}if(feature){let pixelPoint=null;if(feature.getProperties().longitude&&feature.getProperties().latitude){let latlon=[feature.getProperties().longitude,feature.getProperties().latitude];pixelPoint=this.map.getPixelFromCoordinate(latlon);}that.$emit("pointerMoveEvent",feature.getProperties(),pixelPoint);}this.lastHoverFeature=feature;}});},initRadarLayers(){let radarLayer=new layer_Image["default"]({layerName:"radarLayer",zIndex:88});this.map.addLayer(radarLayer);// 先调用API获取precTileInfo信息
+let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.split("px")[0]);let popupHeight=this.popupHeight/192*fontSize;let popupWidth=this.popupWidth/192*fontSize;this.overlayPopup.setPosition(mousePoint);this.overlayPopup.setOffset([-popupWidth/2,-popupHeight]);let pixelPoint=this.map.getPixelFromCoordinate(mousePoint);let newpixelPoint=[pixelPoint[0],pixelPoint[1]-150];let newCenterPoint=this.map.getCoordinateFromPixel(newpixelPoint);this.map.getView().animate({center:newCenterPoint,duration:800});}}else{this.closePopup();}}});this.map.on("pointermove",e=>{let feature=this.map.forEachFeatureAtPixel(e.pixel,feature=>{return feature;});if(feature!==this.lastHoverFeature){if(this.lastHoverFeature){that.$emit("pointerOutEvent",this.lastHoverFeature.getProperties());}if(feature){let pixelPoint=null;if(feature.getProperties().longitude&&feature.getProperties().latitude){let latlon=[feature.getProperties().longitude,feature.getProperties().latitude];pixelPoint=this.map.getPixelFromCoordinate(latlon);}that.$emit("pointerMoveEvent",feature.getProperties(),pixelPoint);}this.lastHoverFeature=feature;}});},initRadarLayers(){let radarLayer=new layer_Image["default"]({layerName:"radarLayer",zIndex:88});this.map.addLayer(radarLayer);// 先调用API获取precTileInfo信息
 fetch("http://api.datamatrices.com/api/precTileInfo/114.60168/34.260503/122.919454/38.400545").then(response=>response.json()).then(data=>{// 从返回数据中获取forecastTime和tileName
 const forecastTime=data.data.forecastTime;// 假设返回数据中有forecastTime字段
 const tileName=data.data.tileName;// 假设返回数据中有tileName字段
@@ -265654,6 +265934,9 @@ var scratch = __webpack_require__("c1ec");
             case "旅游走廊":
               this.initTravelLayer();
               break;
+            case "都市圈":
+              this.initdushiquanLayer();
+              break;
             case "三维效果演示":
               this.initBIMand3DLayer();
               break;
@@ -265860,334 +266143,70 @@ var es_error_cause = __webpack_require__("d9e2");
 // EXTERNAL MODULE: ./node_modules/ol/style/RegularShape.js
 var ol_style_RegularShape = __webpack_require__("35d8");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=template&id=b70a5ef4&scoped=true
-var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=template&id=3b5ee555&scoped=true
+var customPointLayervue_type_template_id_3b5ee555_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "Popup"
-  }, [_c('div', [_vm._v("城市综合评估")]), _c('div', {
-    ref: "etCharts",
+  return _vm.isshow ? _c('div', {
+    style: {
+      height: _vm.height,
+      width: _vm.width
+    }
+  }, [_c('iframe', {
     staticStyle: {
-      "height": "1.3rem",
-      "width": "100%"
+      "width": "100%",
+      "height": "100%",
+      "border": "none"
+    },
+    attrs: {
+      "src": _vm.popupAttr.popupUrl
     }
-  }), _c('div', [_vm._v("公共交通客运分析")]), _c('div', {
-    staticClass: "data-list"
-  }, [_vm._m(0), _c('div', {
-    staticClass: "list-content"
-  }, _vm._l(_vm.infrastructureList, function (item, index) {
-    return _c('div', {
-      key: index,
-      staticClass: "list-item"
-    }, [_c('div', {
-      staticClass: "list-cell"
-    }, [_vm._v(_vm._s(item.transportName))]), _c('div', {
-      staticClass: "list-cell"
-    }, [_vm._v(_vm._s(item.infrastructureCount))]), _c('div', {
-      staticClass: "list-cell remark",
-      on: {
-        "mouseenter": function ($event) {
-          return _vm.showTooltip($event, item.remark);
-        },
-        "mouseleave": _vm.hideTooltip
-      }
-    }, [_vm._v(" " + _vm._s(_vm.truncateText(item.remark, 15)) + " ")])]);
-  }), 0)])]);
+  })]) : _vm._e();
 };
-var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_staticRenderFns = [function () {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "list-header"
-  }, [_c('div', {
-    staticClass: "header-item"
-  }, [_vm._v("公共交通客运")]), _c('div', {
-    staticClass: "header-item"
-  }, [_vm._v("基础设施数量")]), _c('div', {
-    staticClass: "header-item"
-  }, [_vm._v("设施说明")])]);
-}];
-
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=template&id=b70a5ef4&scoped=true
+var customPointLayervue_type_template_id_3b5ee555_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=template&id=3b5ee555&scoped=true
 
-/* harmony default export */ var CityAreaLayervue_type_script_lang_js = ({
-  name: "CityAreaLayer",
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=script&lang=js
+/* harmony default export */ var customPointLayervue_type_script_lang_js = ({
+  name: '',
+  components: {},
+  created() {},
+  mounted() {},
   props: {
     popupAttr: Object
   },
   data() {
     return {
-      infrastructureList: [],
-      currentTooltip: null
+      isshow: false,
+      height: 0,
+      width: 0
     };
   },
-  created() {},
-  mounted() {
-    this.initEcharts();
-    this.fetchInfrastructureData();
-  },
-  beforeDestroy() {
-    // 清理提示框
-    this.hideTooltip();
-  },
   methods: {
-    // 截断文本并添加省略号
-    truncateText(text, maxLength = 15) {
-      if (!text || text.length <= maxLength) {
-        return text;
-      }
-      return text.substring(0, maxLength) + "...";
-    },
-    // 显示自定义提示框
-    showTooltip(event, content) {
-      // 如果内容长度不超过限制，不显示提示框
-      if (content.length <= 15) return;
-
-      // 移除旧的提示框
-      this.hideTooltip();
-
-      // 创建新的提示框
-      const tooltip = document.createElement("div");
-      tooltip.className = "custom-tooltip";
-      tooltip.textContent = content;
-      tooltip.style.position = "fixed";
-      tooltip.style.zIndex = "9999";
-      tooltip.style.background = "rgba(0, 0, 0, 0.9)";
-      tooltip.style.color = "#fff";
-      tooltip.style.padding = "8px";
-      tooltip.style.borderRadius = "4px";
-      tooltip.style.fontSize = "12px";
-      tooltip.style.maxWidth = "300px";
-      tooltip.style.wordBreak = "break-word";
-
-      // 设置位置，稍微偏移鼠标位置
-      const rect = event.target.getBoundingClientRect();
-      tooltip.style.left = event.clientX + 10 + "px";
-      tooltip.style.top = event.clientY - 10 + "px";
-      document.body.appendChild(tooltip);
-      this.currentTooltip = tooltip;
-    },
-    // 隐藏提示框
-    hideTooltip() {
-      if (this.currentTooltip && this.currentTooltip.parentNode) {
-        document.body.removeChild(this.currentTooltip);
-        this.currentTooltip = null;
-      }
-    },
-    // 获取基础设施数据
-    fetchInfrastructureData() {
-      // 这里应该是实际的API调用，现在使用模拟数据
-      const mockRes = {
-        msg: "操作成功",
-        code: 200,
-        data: [{
-          structureId: null,
-          cityCode: "3701",
-          cityName: "济南市",
-          transportName: "高铁站",
-          infrastructureCount: "12",
-          remark: "济南西站、济南站、大明湖站、济南东站、历城站、章丘站、章丘北站、章丘南站、雪野站、莱芜北站、钢城站、长清站",
-          createBy: null,
-          createTime: null,
-          updateBy: null,
-          updateTime: null,
-          transportType: "高铁站"
-        }]
-      };
-
-      // 模拟API调用后的处理
-      if (mockRes.code === 200 && mockRes.data) {
-        this.infrastructureList = mockRes.data;
-      }
-
-      // 实际项目中应该替换为：
-      // axios.get('/api/your-endpoint')
-      //   .then(response => {
-      //     const res = response.data;
-      //     if (res.code === 200 && res.data) {
-      //       this.infrastructureList = res.data;
-      //     }
-      //   })
-      //   .catch(error => {
-      //     console.error('获取基础设施数据失败:', error);
-      //   });
+    fuyuan() {
+      this.isshow = false;
+      this.$nextTick(() => {
+        let fontSize = Number(document.getElementsByTagName('html')[0].style.fontSize.split('px')[0]);
+        let frameHeight = (this.popupAttr.popupHeight - 110) / 192 * fontSize;
+        let frameWidth = (this.popupAttr.popupWidth - 30) / 192 * fontSize;
+        this.height = frameHeight + 'px';
+        this.width = frameWidth + 'px';
+        this.isshow = true;
+      });
     },
-    initEcharts() {
-      let response = {
-        msg: "操作成功",
-        code: 200,
-        data: {
-          createBy: null,
-          createTime: null,
-          updateBy: null,
-          updateTime: null,
-          remark: null,
-          transportId: 3701,
-          startCityName: "济南市",
-          cityArea: "10244",
-          population: "941.5",
-          metropolitanType: "37",
-          metropolitanName: "省会都市圈",
-          roadMileage: "0",
-          highwayMileage: "18426.1",
-          railwayMileage: "835",
-          passagener: "0",
-          transportType: "32,33,34,35,36,42",
-          transportName: null,
-          distance: "0",
-          dataResource: "手工录入",
-          startCityCode: "jinan",
-          endCityName: null,
-          endCityCode: null,
-          freewayMileage: "890.8",
-          highspeedMileage: "446",
-          max: null,
-          min: null,
-          avg: null
-        }
-      };
-      const data = response.data;
-      const values = [parseFloat(data.cityArea),
-      // 面积
-      parseFloat(data.population),
-      // 常驻人口
-      parseFloat(data.highspeedMileage),
-      // 高速铁路
-      parseFloat(data.railwayMileage),
-      // 铁路
-      parseFloat(data.roadMileage),
-      // 公路
-      parseFloat(data.freewayMileage) // 高速公路
-      ];
-      let myChart = echarts_init(this.$refs.etCharts);
-      var legendData = ["城市综合评估"];
-      var indicator = [{
-        text: "面积",
-        max: 17192
-      }, {
-        text: "常驻人口",
-        max: 1101.8
-      }, {
-        text: "高速铁路",
-        max: 460
-      }, {
-        text: "铁路",
-        max: 835
-      }, {
-        text: "公路",
-        max: 33072.2
-      }, {
-        text: "高速公路",
-        max: 908.6
-      }];
-      var dataArr = [{
-        value: values,
-        name: legendData[0],
-        itemStyle: {
-          normal: {
-            lineStyle: {
-              color: "#4BFFFC"
-            },
-            shadowColor: "#4BFFFC",
-            shadowBlur: 10
-          }
-        },
-        areaStyle: {
-          normal: {
-            color: {
-              type: "linear",
-              x: 0,
-              y: 0,
-              x2: 1,
-              y2: 1,
-              colorStops: [{
-                offset: 0,
-                color: "#4BFFFC"
-              }, {
-                offset: 0.5,
-                color: "rgba(0,0,0,0)"
-              }, {
-                offset: 1,
-                color: "#4BFFFC"
-              }],
-              globalCoord: false
-            },
-            opacity: 1
-          }
-        }
-      }];
-      var colorArr = ["#4BFFFC"];
-      let option = {
-        color: colorArr,
-        tooltip: {
-          trigger: "item",
-          position: 'inside',
-          backgroundColor: "rgba(0, 0, 0, 0.7)",
-          borderColor: "rgba(75, 255, 252, 0.3)",
-          borderWidth: 1,
-          textStyle: {
-            color: "#fff",
-            fontSize: 10
-          },
-          padding: 5
-        },
-        radar: {
-          center: ["50%", "50%"],
-          radius: ["0%", "60%"],
-          name: {
-            textStyle: {
-              color: "#fff",
-              fontSize: 10
-            },
-            padding: [0, 0, 0, 0]
-          },
-          indicator: indicator,
-          splitArea: {
-            show: true,
-            areaStyle: {
-              color: ["rgba(255,255,255,0)", "rgba(255,255,255,0)"]
-            }
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#153269",
-              width: 0.5
-            }
-          },
-          splitLine: {
-            lineStyle: {
-              color: "#3583b0",
-              width: 0.8
-            }
-          }
-        },
-        series: [{
-          type: "radar",
-          symbolSize: 3,
-          lineStyle: {
-            width: 1
-          },
-          areaStyle: {
-            opacity: 0.7
-          },
-          data: dataArr
-        }]
-      };
-      myChart.setOption(option);
+    destroyFlv() {
+      this.isshow = false;
     }
   },
-  watch: {}
+  computed: {},
+  mounted() {
+    this.fuyuan();
+  }
 });
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=script&lang=js
- /* harmony default export */ var corridorLayers_CityAreaLayervue_type_script_lang_js = (CityAreaLayervue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=style&index=0&id=b70a5ef4&prod&scoped=true&lang=css
-var CityAreaLayervue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css = __webpack_require__("08e6");
-
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue
-
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=script&lang=js
+ /* harmony default export */ var component_customPointLayervue_type_script_lang_js = (customPointLayervue_type_script_lang_js); 
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/customPointLayer.vue
 
 
 
@@ -266195,18 +266214,18 @@ var CityAreaLayervue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css =
 
 /* normalize component */
 
-var CityAreaLayer_component = normalizeComponent(
-  corridorLayers_CityAreaLayervue_type_script_lang_js,
-  CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_render,
-  CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_staticRenderFns,
+var customPointLayer_component = normalizeComponent(
+  component_customPointLayervue_type_script_lang_js,
+  customPointLayervue_type_template_id_3b5ee555_scoped_true_render,
+  customPointLayervue_type_template_id_3b5ee555_scoped_true_staticRenderFns,
   false,
   null,
-  "b70a5ef4",
+  "3b5ee555",
   null
   
 )
 
-/* harmony default export */ var CityAreaLayer = (CityAreaLayer_component.exports);
+/* harmony default export */ var customPointLayer = (customPointLayer_component.exports);
 // CONCATENATED MODULE: ./packages/gisMapTianditu/src/js/utills.js
 
 
@@ -266508,8 +266527,8 @@ var CityAreaLayer_component = normalizeComponent(
           popupHeaderTitle.innerHTML = attr.otherInfo.portName;
           break;
         case "cityArea":
-          this.popupHeight = 500;
-          this.popupWidth = 350;
+          this.popupHeight = 530;
+          this.popupWidth = 400;
           this.currentTabComponent = CityAreaLayer;
           this.popupAttributes = data;
           popupHeaderTitle.innerHTML = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gis-map-universal",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "GIS通用组件",
   "main": "gismap.umd.js",
   "private": false,