gis-map-universal 1.1.9 → 1.2.0

package/gismap.umd.js

@@ -26439,17 +26439,6 @@ 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":
@@ -42774,6 +42763,17 @@ module.exports = function (object, key, method) {
 };
 
 
+/***/ }),
+
+/***/ "728a":
+/***/ (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_267f992a_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("91c2");
+/* 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_267f992a_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_267f992a_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "72c3":
@@ -42885,20 +42885,6 @@ 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":
@@ -50041,6 +50027,22 @@ function defaultTileLoadFunction(imageTile, src) {
 /* harmony default export */ __webpack_exports__["a"] = (TileImage);
 
 
+/***/ }),
+
+/***/ "91c2":
+/***/ (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__("a8a6");
+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("6ff40e3c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "9263":
@@ -59976,6 +59978,20 @@ function toString(mat) {
 }
 
 
+/***/ }),
+
+/***/ "a8a6":
+/***/ (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-267f992a]{width:2.2rem;height:2.5rem}.divtitleone[data-v-267f992a]{padding:.01rem 0 .01rem .04rem;margin-top:.05rem;width:.63rem}.divtitleone[data-v-267f992a],.divtitletwo[data-v-267f992a]{background:linear-gradient(135deg,rgba(75,255,252,.2),rgba(75,255,252,.1));color:#4bfffc;font-weight:700;font-size:.08rem;border-left:3px solid #4bfffc}.divtitletwo[data-v-267f992a]{padding:.01rem 0 .02rem .04rem;width:.8rem}.data-list[data-v-267f992a]{margin-top:.1rem;width:100%;font-size:.08rem;color:#fff;overflow-y:auto}.list-header[data-v-267f992a]{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-267f992a]{flex:1;text-align:center;font-weight:700;color:#4bfffc}.header-item[data-v-267f992a]:last-child{flex:1.5;text-align:center;padding-left:.05rem}.list-content[data-v-267f992a]{width:100%}.list-item[data-v-267f992a]{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);padding:.05rem 0}.list-item[data-v-267f992a]:last-child{border-bottom:none}.list-cell[data-v-267f992a]{flex:1;text-align:center;word-break:break-word}.list-cell.remark[data-v-267f992a]{text-align:left;flex:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.list-cell.remark[data-v-267f992a]::-webkit-tooltip{display:none}.custom-tooltip{pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.list-content[data-v-267f992a]::-webkit-scrollbar{width:4px}.list-content[data-v-267f992a]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.list-content[data-v-267f992a]::-webkit-scrollbar-thumb{background:rgba(75,255,252,.5);border-radius:2px}.list-content[data-v-267f992a]::-webkit-scrollbar-thumb:hover{background:rgba(75,255,252,.8)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "ab13":
@@ -79452,22 +79468,6 @@ 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=267f992a&scoped=true
+var CityAreaLayervue_type_template_id_267f992a_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_267f992a_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=267f992a&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=267f992a&prod&scoped=true&lang=css
+var CityAreaLayervue_type_style_index_0_id_267f992a_prod_scoped_true_lang_css = __webpack_require__("728a");
+
+// 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_267f992a_scoped_true_render,
+  CityAreaLayervue_type_template_id_267f992a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "267f992a",
+  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,12 @@ 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",tiandituKey:"aaaea01715112ff36a1d2a25f345ba4f"};},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",tiandituKey:"d02c0b2c57b4ba04f74cbccbb138f130"//天地图密钥me
+};},methods:{initBaseLayers(){let that=this;// 加载WMTS
 // let resolutions = [
 //   0.010986328125, 0.0054931640625, 0.00274658283125, 0.001373291815625,
 //   0.0006866455078125, 0.00034332275390625, 0.000171661376953125,
@@ -264540,34 +264838,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字段
@@ -265863,367 +266144,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=5e1a4ac4&scoped=true
-var CityAreaLayervue_type_template_id_5e1a4ac4_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', {
-    staticClass: "divtitleone"
-  }, [_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', {
-    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)])]);
+  })]) : _vm._e();
 };
-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
+var customPointLayervue_type_template_id_3b5ee555_scoped_true_staticRenderFns = [];
 
+// 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,
-      myChart: null // 图表实例引用
+      isshow: false,
+      height: 0,
+      width: 0
     };
   },
-  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);
+    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 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);
-        }
-      });
+    destroyFlv() {
+      this.isshow = false;
     }
   },
-  watch: {
-    popupAttr: {
-      handler(newVal, oldVal) {
-        if (newVal && newVal.adcode && newVal.adcode !== (oldVal === null || oldVal === void 0 ? void 0 : oldVal.adcode)) {
-          this.fuyuanv();
-        }
-      },
-      deep: true
-    }
+  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=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
-
+// 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
 
 
 
@@ -266231,18 +266215,18 @@ var CityAreaLayervue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css =
 
 /* 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,
+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,
-  "5e1a4ac4",
+  "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
 
 

package/package.json

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