gis-map-universal 1.1.8 → 1.1.9

package/gismap.umd.js

@@ -260707,6 +260707,89 @@ 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,
@@ -263570,458 +263653,78 @@ 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() {
+// 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,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "Popup"
   }, [_c('div', {
-    staticClass: "divtitleone"
-  }, [_vm._v("城市综合评估：")]), _c('div', {
-    ref: "etCharts",
+    staticClass: "infoBox"
+  }, [_c('div', {
+    staticClass: "flexbox"
+  }, [_c('div', {
+    staticClass: "flexBox-item"
+  }, [_c('span', {
+    staticClass: "item-title"
+  }, [_vm._v("港口名称：")]), _c('span', {
     staticStyle: {
-      "height": "1.3rem",
-      "width": "100%"
+      "width": "81%"
     }
-  }), _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"
+  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.portName))])])]), _c('div', {
+    staticClass: "flexbox"
   }, [_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
+    staticClass: "flexBox-item"
+  }, [_c('span', {
+    staticClass: "item-title"
+  }, [_vm._v("年吞吐量：")]), _c('span', {
+    staticStyle: {
+      "width": "81%"
+    }
+  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.annualThroughput))])])]), _c('div', {
+    staticClass: "flexbox"
+  }, [_c('div', {
+    staticClass: "flexBox-item"
+  }, [_c('span', {
+    staticClass: "item-title"
+  }, [_vm._v("港口布局：")]), _c('span', {
+    staticStyle: {
+      "width": "81%"
+    }
+  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.layout))])])]), _c('div', {
+    staticClass: "flexbox"
+  }, [_c('div', {
+    staticClass: "flexBox-item"
+  }, [_c('span', {
+    staticClass: "item-title"
+  }, [_vm._v("航线网络：")]), _c('span', {
+    staticStyle: {
+      "width": "81%"
+    }
+  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.shippingRoutes))])])]), _c('div', {
+    staticClass: "flexbox"
+  }, [_c('div', {
+    staticClass: "flexBox-item"
+  }, [_c('span', {
+    staticClass: "item-title"
+  }, [_vm._v("主要货类：")]), _c('span', {
+    staticStyle: {
+      "width": "81%"
+    }
+  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.mainCargo))])])])])]);
+};
+var InRiverCapacityLayervue_type_template_id_80e9dcca_scoped_true_staticRenderFns = [];
 
+// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/shippingLayers/InRiverCapacityLayer.vue?vue&type=template&id=80e9dcca&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/shippingLayers/InRiverCapacityLayer.vue?vue&type=script&lang=js
+/* harmony default export */ var InRiverCapacityLayervue_type_script_lang_js = ({
+  name: "popup",
   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,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "Popup"
-  }, [_c('div', {
-    staticClass: "infoBox"
-  }, [_c('div', {
-    staticClass: "flexbox"
-  }, [_c('div', {
-    staticClass: "flexBox-item"
-  }, [_c('span', {
-    staticClass: "item-title"
-  }, [_vm._v("港口名称：")]), _c('span', {
-    staticStyle: {
-      "width": "81%"
-    }
-  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.portName))])])]), _c('div', {
-    staticClass: "flexbox"
-  }, [_c('div', {
-    staticClass: "flexBox-item"
-  }, [_c('span', {
-    staticClass: "item-title"
-  }, [_vm._v("年吞吐量：")]), _c('span', {
-    staticStyle: {
-      "width": "81%"
-    }
-  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.annualThroughput))])])]), _c('div', {
-    staticClass: "flexbox"
-  }, [_c('div', {
-    staticClass: "flexBox-item"
-  }, [_c('span', {
-    staticClass: "item-title"
-  }, [_vm._v("港口布局：")]), _c('span', {
-    staticStyle: {
-      "width": "81%"
-    }
-  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.layout))])])]), _c('div', {
-    staticClass: "flexbox"
-  }, [_c('div', {
-    staticClass: "flexBox-item"
-  }, [_c('span', {
-    staticClass: "item-title"
-  }, [_vm._v("航线网络：")]), _c('span', {
-    staticStyle: {
-      "width": "81%"
-    }
-  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.shippingRoutes))])])]), _c('div', {
-    staticClass: "flexbox"
-  }, [_c('div', {
-    staticClass: "flexBox-item"
-  }, [_c('span', {
-    staticClass: "item-title"
-  }, [_vm._v("主要货类：")]), _c('span', {
-    staticStyle: {
-      "width": "81%"
-    }
-  }, [_vm._v(_vm._s(_vm.popupAttr.otherInfo.mainCargo))])])])])]);
-};
-var InRiverCapacityLayervue_type_template_id_80e9dcca_scoped_true_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/shippingLayers/InRiverCapacityLayer.vue?vue&type=template&id=80e9dcca&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/shippingLayers/InRiverCapacityLayer.vue?vue&type=script&lang=js
-/* harmony default export */ var InRiverCapacityLayervue_type_script_lang_js = ({
-  name: "popup",
-  props: {
-    popupAttr: Object
-  },
-  data() {
-    return {};
+    return {};
   },
   created() {},
   mounted() {},
@@ -264763,6 +264466,7 @@ function layersApi_getCongestionEventLayerData() {
   });
 }
 // CONCATENATED MODULE: ./packages/gisMapTianditu/src/js/initBaseLayers.js
+// 自定义打点
 // 交通事件--事件通用
 // 交通事件--拥堵事件
 // 交通事件--服务区异常
@@ -264778,11 +264482,10 @@ 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",tiandituKey:"aaaea01715112ff36a1d2a25f345ba4f"};},methods:{initBaseLayers(){let that=this;// 加载WMTS
 // let resolutions = [
 //   0.010986328125, 0.0054931640625, 0.00274658283125, 0.001373291815625,
 //   0.0006866455078125, 0.00034332275390625, 0.000171661376953125,
@@ -264811,7 +264514,7 @@ lightUrl:"https://service.sdmap.gov.cn/tileservice/sdpubmap?",geoJSONUrl:"/china
 // });
 // this.map.addLayer(wmtslayer);
 let baseRoadlayer=new layer_Tile["default"]({layerName:"baseRoadlayer",source:new source_TileWMS({url:'http://localhost:8090/iserver/services/map-WorkSpace/wms130',params:{LAYERS:"T84",FORMAT:"image/png"}}),zIndex:4,projection:"EPSG:3857"});// this.map.addLayer(baseRoadlayer);
-that.normalizedThemeStyle==="light"?that.tiandituLayerUrl=that.lightUrl:that.tiandituLayerUrl=that.darkUrl;this.tiandituLayer=new layer_Tile["default"]({source:new Tianditu_Tianditu({url:this.tiandituLayerUrl,key:"aaaea01715112ff36a1d2a25f345ba4f",projection:"EPSG:4326"}),zIndex:1});this.map.addLayer(this.tiandituLayer);// // 测试车道线
+that.normalizedThemeStyle==="light"?that.tiandituLayerUrl=that.lightUrl:that.tiandituLayerUrl=that.darkUrl;this.tiandituLayer=new layer_Tile["default"]({source:new Tianditu_Tianditu({url:this.tiandituLayerUrl,key:this.tiandituKey,projection:"EPSG:4326"}),zIndex:1});this.map.addLayer(this.tiandituLayer);// // 测试车道线
 // const token = `?token=d6bWDtdlxIc-VPNRQWQF-VaTDzwYZIOK_tWug3ZNffcW1nMltpiEdtsrNLCkc_XoVWbV1LhkGcUv5kOLpXt7kA..`
 // let chedaoBGLayer = new TileLayer({
 //   layerName: "chedaoBGLayer",
@@ -264837,17 +264540,34 @@ 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;}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);
+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);
 // 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;}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);
+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);
 // 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字段
@@ -265103,7 +264823,7 @@ initAreaGDPLayer(){let data=[{city:"济南",latlng:[117.218567,36.63746469],leve
 }else if(value===4){return"#FFD700";// 金色
 }else if(value===5){return"#00FFFF";// 青色
 }else{return"#2E2E2E";// 深灰色，用于默认或其他情况
-}}}}}]};if(this.largeTruckLayer){this.largeTruckLayer.setChartOptions(option);}},removeLargeTruckLayer(){if(this.largeTruckLayer){this.largeTruckLayer.remove();this.largeTruckLayer=null;}}},watch:{themeStyle(val){let _this=this;if(val==="dark"){if(_this.tiandituLayer){_this.map.removeLayer(_this.tiandituLayer);_this.map.removeLayer(_this.china_full_Layer);_this.tiandituLayer=new layer_Tile["default"]({source:new Tianditu_Tianditu({url:_this.darkUrl,key:"d02c0b2c57b4ba04f74cbccbb138f130",projection:"EPSG:4326"}),zIndex:1});_this.map.addLayer(_this.tiandituLayer);fetch(_this.geoJSONUrl).then(response=>response.json()).then(data=>{let geoJSONFormat=new ol_format_GeoJSON["default"]();_this.china_full_Layer=new layer_Vector["default"]({layerName:"xxxx",source:new source_Vector["default"]({format:geoJSONFormat,features:geoJSONFormat.readFeatures(data,{dataProjection:"EPSG:4326",featureProjection:"EPSG:4326"})}),zIndex:3,style:function(feature){return new Style["default"]({fill:new Fill["default"]({color:_this.darkFillColor}),stroke:new Stroke["default"]({color:_this.darkStrokeColor,width:1})});}});_this.map.addLayer(_this.china_full_Layer);});}}else if(val==="light"){_this.map.removeLayer(_this.tiandituLayer);_this.map.removeLayer(_this.china_full_Layer);_this.tiandituLayer=new layer_Tile["default"]({source:new Tianditu_Tianditu({url:_this.lightUrl,key:"aaaea01715112ff36a1d2a25f345ba4f",projection:"EPSG:4326"}),zIndex:1});_this.map.addLayer(_this.tiandituLayer);fetch(_this.geoJSONUrl).then(response=>response.json()).then(data=>{let geoJSONFormat=new ol_format_GeoJSON["default"]();_this.china_full_Layer=new layer_Vector["default"]({layerName:"xxxx",source:new source_Vector["default"]({format:geoJSONFormat,features:geoJSONFormat.readFeatures(data,{dataProjection:"EPSG:4326",featureProjection:"EPSG:4326"})}),zIndex:3,style:function(feature){return new Style["default"]({fill:new Fill["default"]({color:_this.lightFillColor}),stroke:new Stroke["default"]({color:_this.lightStrokeColor,width:1})});}});_this.map.addLayer(_this.china_full_Layer);});}}}});
+}}}}}]};if(this.largeTruckLayer){this.largeTruckLayer.setChartOptions(option);}},removeLargeTruckLayer(){if(this.largeTruckLayer){this.largeTruckLayer.remove();this.largeTruckLayer=null;}}},watch:{themeStyle(val){let _this=this;if(val==="dark"){if(_this.tiandituLayer){_this.map.removeLayer(_this.tiandituLayer);_this.map.removeLayer(_this.china_full_Layer);_this.tiandituLayer=new layer_Tile["default"]({source:new Tianditu_Tianditu({url:_this.darkUrl,key:"d02c0b2c57b4ba04f74cbccbb138f130",projection:"EPSG:4326"}),zIndex:1});_this.map.addLayer(_this.tiandituLayer);fetch(_this.geoJSONUrl).then(response=>response.json()).then(data=>{let geoJSONFormat=new ol_format_GeoJSON["default"]();_this.china_full_Layer=new layer_Vector["default"]({layerName:"xxxx",source:new source_Vector["default"]({format:geoJSONFormat,features:geoJSONFormat.readFeatures(data,{dataProjection:"EPSG:4326",featureProjection:"EPSG:4326"})}),zIndex:3,style:function(feature){return new Style["default"]({fill:new Fill["default"]({color:_this.darkFillColor}),stroke:new Stroke["default"]({color:_this.darkStrokeColor,width:1})});}});_this.map.addLayer(_this.china_full_Layer);});}}else if(val==="light"){_this.map.removeLayer(_this.tiandituLayer);_this.map.removeLayer(_this.china_full_Layer);_this.tiandituLayer=new layer_Tile["default"]({source:new Tianditu_Tianditu({url:_this.lightUrl,key:this.tiandituKey,projection:"EPSG:4326"}),zIndex:1});_this.map.addLayer(_this.tiandituLayer);fetch(_this.geoJSONUrl).then(response=>response.json()).then(data=>{let geoJSONFormat=new ol_format_GeoJSON["default"]();_this.china_full_Layer=new layer_Vector["default"]({layerName:"xxxx",source:new source_Vector["default"]({format:geoJSONFormat,features:geoJSONFormat.readFeatures(data,{dataProjection:"EPSG:4326",featureProjection:"EPSG:4326"})}),zIndex:3,style:function(feature){return new Style["default"]({fill:new Fill["default"]({color:_this.lightFillColor}),stroke:new Stroke["default"]({color:_this.lightStrokeColor,width:1})});}});_this.map.addLayer(_this.china_full_Layer);});}}}});
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
 var es_array_reduce = __webpack_require__("13d5");
 
@@ -266143,70 +265863,367 @@ 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/customPointLayer.vue?vue&type=template&id=3b5ee555&scoped=true
-var customPointLayervue_type_template_id_3b5ee555_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/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 _vm.isshow ? _c('div', {
-    style: {
-      height: _vm.height,
-      width: _vm.width
-    }
-  }, [_c('iframe', {
+  return _c('div', {
+    staticClass: "Popup"
+  }, [_c('div', {
+    staticClass: "divtitleone"
+  }, [_vm._v("城市综合评估：")]), _c('div', {
+    ref: "etCharts",
     staticStyle: {
-      "width": "100%",
-      "height": "100%",
-      "border": "none"
-    },
-    attrs: {
-      "src": _vm.popupAttr.popupUrl
+      "height": "1.3rem",
+      "width": "100%"
     }
-  })]) : _vm._e();
+  }), _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 customPointLayervue_type_template_id_3b5ee555_scoped_true_staticRenderFns = [];
+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;
 
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/customPointLayer.vue?vue&type=template&id=3b5ee555&scoped=true
+      // 移除旧的提示框
+      this.hideTooltip();
 
-// 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;
+      // 创建新的提示框
+      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);
       });
     },
-    destroyFlv() {
-      this.isshow = false;
+    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);
+        }
+      });
     }
   },
-  computed: {},
-  mounted() {
-    this.fuyuan();
+  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/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
+// 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
+
 
 
 
@@ -266214,18 +266231,18 @@ var customPointLayervue_type_template_id_3b5ee555_scoped_true_staticRenderFns =
 
 /* 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,
+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,
-  "3b5ee555",
+  "5e1a4ac4",
   null
   
 )
 
-/* harmony default export */ var customPointLayer = (customPointLayer_component.exports);
+/* harmony default export */ var CityAreaLayer = (CityAreaLayer_component.exports);
 // CONCATENATED MODULE: ./packages/gisMapTianditu/src/js/utills.js
 
 
@@ -266862,7 +266879,14 @@ var customPointLayer_component = normalizeComponent(
             lineCap: lineItem.lineCap || "butt"
           })
         }));
+        lineFeature.set("longitude", lineItem.xyArr[0][0]);
+        lineFeature.set("latitude", lineItem.xyArr[0][1]);
+        lineFeature.set("type", lineItem.type);
         lineFeature.set("popoup", lineItem.popoup);
+        lineFeature.set("popupTitle", lineItem.popupTitle);
+        lineFeature.set("popupUrl", lineItem.popupUrl);
+        lineFeature.set("popupWidth", lineItem.popupWidth);
+        lineFeature.set("popupHeight", lineItem.popupHeight);
         lineFeature.set("lineInfo", lineItem.lineInfo);
         lineFeature.set("lineItemData", lineItem); // 保存完整的线数据
         lineFeatures.push(lineFeature);
@@ -267068,8 +267092,7 @@ var customPointLayer_component = normalizeComponent(
       const defaultStyle = {
         fillColor: "rgba(0, 0, 255, 0.3)",
         strokeColor: "#0000ff",
-        strokeWidth: 2,
-        popoup: false
+        strokeWidth: 2
       };
       let polygonFeatures = [];
 
@@ -267079,8 +267102,7 @@ var customPointLayer_component = normalizeComponent(
         const itemStyle = Object.assign({}, defaultStyle, {
           fillColor: polygonItem.fillColor,
           strokeColor: polygonItem.strokeColor,
-          strokeWidth: polygonItem.strokeWidth,
-          popoup: polygonItem.popoup !== undefined ? polygonItem.popoup : false
+          strokeWidth: polygonItem.strokeWidth
         });
 
         // 获取坐标数组
@@ -267101,10 +267123,15 @@ var customPointLayer_component = normalizeComponent(
             width: itemStyle.strokeWidth
           })
         }));
-
         // 设置属性信息
-        polygonFeature.set("popoup", itemStyle.popoup);
-
+        polygonFeature.set("longitude", polygonItem.xyArr[0][0]);
+        polygonFeature.set("latitude", polygonItem.xyArr[0][1]);
+        polygonFeature.set("type", polygonItem.type);
+        polygonFeature.set("popoup", polygonItem.popoup);
+        polygonFeature.set("popupTitle", polygonItem.popupTitle);
+        polygonFeature.set("popupUrl", polygonItem.popupUrl);
+        polygonFeature.set("popupWidth", polygonItem.popupWidth);
+        polygonFeature.set("popupHeight", polygonItem.popupHeight);
         // 设置多边形信息
         if (polygonItem.polygonInfo) {
           polygonFeature.set("polygonInfo", polygonItem.polygonInfo);

package/package.json

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