gis-map-universal 1.1.7 → 1.1.9

package/gismap.umd.js

@@ -1716,17 +1716,6 @@ function extentFromProjection(projection) {
 }
 
 
-/***/ }),
-
-/***/ "08e6":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a279");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0999":
@@ -11349,20 +11338,6 @@ module.exports = fails(function () {
 });
 
 
-/***/ }),
-
-/***/ "1176":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".Popup[data-v-b70a5ef4]{width:2.2rem;height:2.2rem}.data-list[data-v-b70a5ef4]{margin-top:.1rem;width:100%;font-size:.08rem;color:#fff;max-height:1.3rem;overflow-y:auto}.list-header[data-v-b70a5ef4]{display:flex;background-color:rgba(75,255,252,.2);border-bottom:1px solid rgba(75,255,252,.3);padding:.05rem 0;position:sticky;top:0;z-index:10}.header-item[data-v-b70a5ef4]{flex:1;text-align:center;font-weight:700;color:#4bfffc}.header-item[data-v-b70a5ef4]:last-child{flex:1.5;text-align:center;padding-left:.05rem}.list-content[data-v-b70a5ef4]{width:100%}.list-item[data-v-b70a5ef4]{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);padding:.05rem 0}.list-item[data-v-b70a5ef4]:last-child{border-bottom:none}.list-cell[data-v-b70a5ef4]{flex:1;text-align:center;word-break:break-word}.list-cell.remark[data-v-b70a5ef4]{text-align:left;flex:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.list-cell.remark[data-v-b70a5ef4]::-webkit-tooltip{display:none}.custom-tooltip{pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.list-content[data-v-b70a5ef4]::-webkit-scrollbar{width:4px}.list-content[data-v-b70a5ef4]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.list-content[data-v-b70a5ef4]::-webkit-scrollbar-thumb{background:rgba(75,255,252,.5);border-radius:2px}.list-content[data-v-b70a5ef4]::-webkit-scrollbar-thumb:hover{background:rgba(75,255,252,.8)}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "11b0":
@@ -26464,6 +26439,17 @@ module.exports = function (it) {
 /* harmony default export */ __webpack_exports__["a"] = (null);
 
 
+/***/ }),
+
+/***/ "4601":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f43b");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CityAreaLayer_vue_vue_type_style_index_0_id_5e1a4ac4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4625":
@@ -42899,6 +42885,20 @@ exports.push([module.i, "#map[data-v-cb037cc4]{width:100%;height:var(--height)}.
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "77c2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".Popup[data-v-5e1a4ac4]{width:2.2rem;height:2.5rem}.divtitleone[data-v-5e1a4ac4]{padding:.01rem 0 .01rem .04rem;margin-top:.05rem;width:26%}.divtitleone[data-v-5e1a4ac4],.divtitletwo[data-v-5e1a4ac4]{background:linear-gradient(135deg,rgba(75,255,252,.2),rgba(75,255,252,.1));color:#4bfffc;font-weight:700;border-radius:3px;font-size:.08rem;border-left:3px solid #4bfffc}.divtitletwo[data-v-5e1a4ac4]{padding:.01rem 0 .02rem .04rem;width:34%}.data-list[data-v-5e1a4ac4]{margin-top:.1rem;width:100%;font-size:.08rem;color:#fff;overflow-y:auto}.list-header[data-v-5e1a4ac4]{display:flex;background-color:rgba(75,255,252,.2);border-bottom:1px solid rgba(75,255,252,.3);padding:.05rem 0;position:sticky;top:0;z-index:10}.header-item[data-v-5e1a4ac4]{flex:1;text-align:center;font-weight:700;color:#4bfffc}.header-item[data-v-5e1a4ac4]:last-child{flex:1.5;text-align:center;padding-left:.05rem}.list-content[data-v-5e1a4ac4]{width:100%}.list-item[data-v-5e1a4ac4]{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);padding:.05rem 0}.list-item[data-v-5e1a4ac4]:last-child{border-bottom:none}.list-cell[data-v-5e1a4ac4]{flex:1;text-align:center;word-break:break-word}.list-cell.remark[data-v-5e1a4ac4]{text-align:left;flex:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.list-cell.remark[data-v-5e1a4ac4]::-webkit-tooltip{display:none}.custom-tooltip{pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar{width:4px}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar-thumb{background:rgba(75,255,252,.5);border-radius:2px}.list-content[data-v-5e1a4ac4]::-webkit-scrollbar-thumb:hover{background:rgba(75,255,252,.8)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7804":
@@ -55649,22 +55649,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "a279":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("1176");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("8e217a0c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "a2c7":
@@ -79468,6 +79452,22 @@ class Point extends _SimpleGeometry_js__WEBPACK_IMPORTED_MODULE_0__[/* default *
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "f43b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("77c2");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("5e246b40", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "f46c":
@@ -264485,7 +264485,7 @@ 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
+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,
@@ -264514,7 +264514,7 @@ geoJSONUrl:"/china_full.json",sdAreaUrl:"/sdArea.json",subwayLineUrl:"/ditieline
 // });
 // 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",
@@ -264823,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");
 
@@ -265654,6 +265654,9 @@ var scratch = __webpack_require__("c1ec");
             case "旅游走廊":
               this.initTravelLayer();
               break;
+            case "都市圈":
+              this.initdushiquanLayer();
+              break;
             case "三维效果演示":
               this.initBIMand3DLayer();
               break;
@@ -265860,19 +265863,23 @@ var es_error_cause = __webpack_require__("d9e2");
 // EXTERNAL MODULE: ./node_modules/ol/style/RegularShape.js
 var ol_style_RegularShape = __webpack_require__("35d8");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=template&id=b70a5ef4&scoped=true
-var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0e2c32fd-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=template&id=5e1a4ac4&scoped=true
+var CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "Popup"
-  }, [_c('div', [_vm._v("城市综合评估")]), _c('div', {
+  }, [_c('div', {
+    staticClass: "divtitleone"
+  }, [_vm._v("城市综合评估：")]), _c('div', {
     ref: "etCharts",
     staticStyle: {
       "height": "1.3rem",
       "width": "100%"
     }
-  }), _c('div', [_vm._v("公共交通客运分析")]), _c('div', {
+  }), _c('div', {
+    staticClass: "divtitletwo"
+  }, [_vm._v("公共交通客运分析：")]), _c('div', {
     staticClass: "data-list"
   }, [_vm._m(0), _c('div', {
     staticClass: "list-content"
@@ -265895,7 +265902,7 @@ var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_render = function ren
     }, [_vm._v(" " + _vm._s(_vm.truncateText(item.remark, 15)) + " ")])]);
   }), 0)])]);
 };
-var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_staticRenderFns = [function () {
+var CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -265909,10 +265916,51 @@ var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_staticRenderFns = [fu
   }, [_vm._v("设施说明")])]);
 }];
 
-// CONCATENATED MODULE: ./packages/gisMapTianditu/src/component/corridorLayers/CityAreaLayer.vue?vue&type=template&id=b70a5ef4&scoped=true
+// 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: {
@@ -265921,19 +265969,35 @@ var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_staticRenderFns = [fu
   data() {
     return {
       infrastructureList: [],
-      currentTooltip: null
+      currentTooltip: null,
+      myChart: null // 图表实例引用
     };
   },
   created() {},
   mounted() {
-    this.initEcharts();
-    this.fetchInfrastructureData();
+    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) {
@@ -265979,212 +266043,184 @@ var CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_staticRenderFns = [fu
     },
     // 获取基础设施数据
     fetchInfrastructureData() {
-      // 这里应该是实际的API调用，现在使用模拟数据
-      const mockRes = {
-        msg: "操作成功",
-        code: 200,
-        data: [{
-          structureId: null,
-          cityCode: "3701",
-          cityName: "济南市",
-          transportName: "高铁站",
-          infrastructureCount: "12",
-          remark: "济南西站、济南站、大明湖站、济南东站、历城站、章丘站、章丘北站、章丘南站、雪野站、莱芜北站、钢城站、长清站",
-          createBy: null,
-          createTime: null,
-          updateBy: null,
-          updateTime: null,
-          transportType: "高铁站"
-        }]
+      let param = {
+        sysid: "brain_cockpit",
+        service_code: "API_003_035_006",
+        parameters: {
+          cityCode: this.popupAttr.adcode
+        }
       };
-
-      // 模拟API调用后的处理
-      if (mockRes.code === 200 && mockRes.data) {
-        this.infrastructureList = mockRes.data;
-      }
-
-      // 实际项目中应该替换为：
-      // axios.get('/api/your-endpoint')
-      //   .then(response => {
-      //     const res = response.data;
-      //     if (res.code === 200 && res.data) {
-      //       this.infrastructureList = res.data;
-      //     }
-      //   })
-      //   .catch(error => {
-      //     console.error('获取基础设施数据失败:', error);
-      //   });
+      getpublicTrfList(param).then(response => {
+        if (response.code === 200 && response.data) {
+          this.infrastructureList = response.data;
+        }
+      }).catch(error => {
+        console.error("获取基础设施数据失败:", error);
+      });
     },
     initEcharts() {
-      let response = {
-        msg: "操作成功",
-        code: 200,
-        data: {
-          createBy: null,
-          createTime: null,
-          updateBy: null,
-          updateTime: null,
-          remark: null,
-          transportId: 3701,
-          startCityName: "济南市",
-          cityArea: "10244",
-          population: "941.5",
-          metropolitanType: "37",
-          metropolitanName: "省会都市圈",
-          roadMileage: "0",
-          highwayMileage: "18426.1",
-          railwayMileage: "835",
-          passagener: "0",
-          transportType: "32,33,34,35,36,42",
-          transportName: null,
-          distance: "0",
-          dataResource: "手工录入",
-          startCityCode: "jinan",
-          endCityName: null,
-          endCityCode: null,
-          freewayMileage: "890.8",
-          highspeedMileage: "446",
-          max: null,
-          min: null,
-          avg: null
+      let param = {
+        sysid: "brain_cockpit",
+        service_code: "API_003_035_005",
+        parameters: {
+          transportId: this.popupAttr.adcode
         }
       };
-      const data = response.data;
-      const values = [parseFloat(data.cityArea),
-      // 面积
-      parseFloat(data.population),
-      // 常驻人口
-      parseFloat(data.highspeedMileage),
-      // 高速铁路
-      parseFloat(data.railwayMileage),
-      // 铁路
-      parseFloat(data.roadMileage),
-      // 公路
-      parseFloat(data.freewayMileage) // 高速公路
-      ];
-      let myChart = echarts_init(this.$refs.etCharts);
-      var legendData = ["城市综合评估"];
-      var indicator = [{
-        text: "面积",
-        max: 17192
-      }, {
-        text: "常驻人口",
-        max: 1101.8
-      }, {
-        text: "高速铁路",
-        max: 460
-      }, {
-        text: "铁路",
-        max: 835
-      }, {
-        text: "公路",
-        max: 33072.2
-      }, {
-        text: "高速公路",
-        max: 908.6
-      }];
-      var dataArr = [{
-        value: values,
-        name: legendData[0],
-        itemStyle: {
-          normal: {
-            lineStyle: {
-              color: "#4BFFFC"
-            },
-            shadowColor: "#4BFFFC",
-            shadowBlur: 10
-          }
-        },
-        areaStyle: {
-          normal: {
-            color: {
-              type: "linear",
-              x: 0,
-              y: 0,
-              x2: 1,
-              y2: 1,
-              colorStops: [{
-                offset: 0,
-                color: "#4BFFFC"
-              }, {
-                offset: 0.5,
-                color: "rgba(0,0,0,0)"
-              }, {
-                offset: 1,
-                color: "#4BFFFC"
-              }],
-              globalCoord: false
-            },
-            opacity: 1
+      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();
           }
-        }
-      }];
-      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
+          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
+              }
             },
-            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
+              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
+              }
             }
-          }
-        },
-        series: [{
-          type: "radar",
-          symbolSize: 3,
-          lineStyle: {
-            width: 1
-          },
-          areaStyle: {
-            opacity: 0.7
-          },
-          data: dataArr
-        }]
-      };
-      myChart.setOption(option);
+          }];
+          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: {}
+  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=b70a5ef4&prod&scoped=true&lang=css
-var CityAreaLayervue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css = __webpack_require__("08e6");
+// 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
 
@@ -266197,11 +266233,11 @@ var CityAreaLayervue_type_style_index_0_id_b70a5ef4_prod_scoped_true_lang_css =
 
 var CityAreaLayer_component = normalizeComponent(
   corridorLayers_CityAreaLayervue_type_script_lang_js,
-  CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_render,
-  CityAreaLayervue_type_template_id_b70a5ef4_scoped_true_staticRenderFns,
+  CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_render,
+  CityAreaLayervue_type_template_id_5e1a4ac4_scoped_true_staticRenderFns,
   false,
   null,
-  "b70a5ef4",
+  "5e1a4ac4",
   null
   
 )
@@ -266508,8 +266544,8 @@ var CityAreaLayer_component = normalizeComponent(
           popupHeaderTitle.innerHTML = attr.otherInfo.portName;
           break;
         case "cityArea":
-          this.popupHeight = 500;
-          this.popupWidth = 350;
+          this.popupHeight = 530;
+          this.popupWidth = 400;
           this.currentTabComponent = CityAreaLayer;
           this.popupAttributes = data;
           popupHeaderTitle.innerHTML = "";
@@ -266843,7 +266879,14 @@ var CityAreaLayer_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);
@@ -267049,8 +267092,7 @@ var CityAreaLayer_component = normalizeComponent(
       const defaultStyle = {
         fillColor: "rgba(0, 0, 255, 0.3)",
         strokeColor: "#0000ff",
-        strokeWidth: 2,
-        popoup: false
+        strokeWidth: 2
       };
       let polygonFeatures = [];
 
@@ -267060,8 +267102,7 @@ var CityAreaLayer_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
         });
 
         // 获取坐标数组
@@ -267082,10 +267123,15 @@ var CityAreaLayer_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.7",
+  "version": "1.1.9",
   "description": "GIS通用组件",
   "main": "gismap.umd.js",
   "private": false,