gis-map-universal 1.2.0 → 1.2.1

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=267f992a&scoped=true
-var CityAreaLayervue_type_template_id_267f992a_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_267f992a_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=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
+    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=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,
-    _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",tiandituKey:"d02c0b2c57b4ba04f74cbccbb138f130"//天地图密钥me
+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"// 天地图密钥2
 };},methods:{initBaseLayers(){let that=this;// 加载WMTS
 // let resolutions = [
 //   0.010986328125, 0.0054931640625, 0.00274658283125, 0.001373291815625,
@@ -264838,17 +264541,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字段
@@ -266144,70 +265864,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=267f992a&scoped=true
+var CityAreaLayervue_type_template_id_267f992a_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_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;
 
-// 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=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
+
 
 
 
@@ -266215,18 +266232,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_267f992a_scoped_true_render,
+  CityAreaLayervue_type_template_id_267f992a_scoped_true_staticRenderFns,
   false,
   null,
-  "3b5ee555",
+  "267f992a",
   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
 
 
@@ -267807,11 +267824,14 @@ var customPointLayer_component = normalizeComponent(
         throw error;
       }
     },
-    setNewCenter(pixel, coordinate, zoom) {
+    setNewCenter(leftpixel, toppixel, coordinate, zoom) {
       let pixelPoint = this.map.getPixelFromCoordinate(coordinate);
-      let newpixel = [pixelPoint[0], pixelPoint[1] + pixel];
+      let newpixel = [pixelPoint[0] + leftpixel, pixelPoint[1] + toppixel];
       let newcoordinate = this.map.getCoordinateFromPixel(newpixel);
       this.zoomInBylatlon(newcoordinate, zoom);
+    },
+    getNowZoom() {
+      return this.map.getView().getZoom();
     }
   }
 });

package/package.json

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