gis-map-universal 1.3.5 → 1.3.6

package/gismap.umd.js

@@ -265239,7 +265239,7 @@ initSubwayPassFlowLayer(){this.subwayPassFlowLayer=new layer_Heatmap({zIndex:900
 initIntercityHighwayPassFlowLayer(){this.intercityhighwayPassFlowLayer=new layer_Heatmap({zIndex:900,source:new source_Vector["default"]({features:new ol_format_GeoJSON["default"]().readFeatures(traffic)}),blur:18,radius:2,weight:e=>{return 1;}});this.map.addLayer(this.intercityhighwayPassFlowLayer);},closeIntercityHighwayPassFlowLayer(){if(this.intercityhighwayPassFlowLayer){this.map.removeLayer(this.intercityhighwayPassFlowLayer);this.intercityhighwayPassFlowLayer=null;}},initIntercityRailwayPassFlowLayer(){this.intercityRailwayPassFlowLayer=new layer_Heatmap({zIndex:900,source:new source_Vector["default"]({features:new ol_format_GeoJSON["default"]().readFeatures(traffic)}),blur:18,radius:2,weight:e=>{return 1;}});this.map.addLayer(this.intercityRailwayPassFlowLayer);},closeIntercityRailwayPassFlowLayer(){if(this.intercityRailwayPassFlowLayer){this.map.removeLayer(this.intercityRailwayPassFlowLayer);this.intercityRailwayPassFlowLayer=null;}},initIntercityShipPassFlowLayer(){this.intercityShipPassFlowLayer=new layer_Heatmap({zIndex:900,source:new source_Vector["default"]({features:new ol_format_GeoJSON["default"]().readFeatures(ship1)}),blur:15,radius:15,weight:e=>{return 1;}});this.map.addLayer(this.intercityShipPassFlowLayer);},closeIntercityShipPassFlowLayer(){if(this.intercityShipPassFlowLayer){this.map.removeLayer(this.intercityShipPassFlowLayer);this.intercityShipPassFlowLayer=null;}},// 省际交通
 initInterProvHighwayPassFlowLayer(){this.interProvHighwayPassFlowLayer=new layer_Heatmap({zIndex:900,source:new source_Vector["default"]({features:new ol_format_GeoJSON["default"]().readFeatures(traffic)}),blur:18,radius:2,weight:e=>{return 1;}});this.map.addLayer(this.interProvHighwayPassFlowLayer);},closeInterProvHighwayPassFlowLayer(){if(this.interProvHighwayPassFlowLayer){this.map.removeLayer(this.interProvHighwayPassFlowLayer);this.interProvHighwayPassFlowLayer=null;}},initInterProvRailwayPassFlowLayer(){this.interProvRailwayPassFlowLayer=new layer_Heatmap({zIndex:900,source:new source_Vector["default"]({features:new ol_format_GeoJSON["default"]().readFeatures(traffic)}),blur:18,radius:2,weight:e=>{return 1;}});this.map.addLayer(this.interProvRailwayPassFlowLayer);},closeInterProvRailwayPassFlowLayer(){if(this.interProvRailwayPassFlowLayer){this.map.removeLayer(this.interProvRailwayPassFlowLayer);this.interProvRailwayPassFlowLayer=null;}},initInterProvShipPassFlowLayer(){this.interProvShipPassFlowLayer=new layer_Heatmap({zIndex:900,source:new source_Vector["default"]({features:new ol_format_GeoJSON["default"]().readFeatures(ship2)}),blur:15,radius:15,weight:e=>{return 1;}});this.map.addLayer(this.interProvShipPassFlowLayer);},closeInterProvShipPassFlowLayer(){if(this.interProvShipPassFlowLayer){this.map.removeLayer(this.interProvShipPassFlowLayer);this.interProvShipPassFlowLayer=null;}},// 船舶运输
 initFreightMonitoringLayer(){getFreightMonitorList().then(res=>{let freightMonitorList=res.data||[];let portPointList={pointList:[]};freightMonitorList.forEach(item=>{var _Vue$prototype$$Globa52;portPointList.pointList.push({type:"port",longitude:item.longitude,latitude:item.latitude,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:false,otherInfo:{name:item.otherInfo.name,address:item.otherInfo.address,city:item.otherInfo.city,phone:item.otherInfo.phone,imgUrl:((_Vue$prototype$$Globa52=external_commonjs_vue_commonjs2_vue_root_Vue_default.a.prototype.$GlobalConfig)===null||_Vue$prototype$$Globa52===void 0?void 0:_Vue$prototype$$Globa52.baseImgURL)+"/image/GK.png",exportCargo:item.otherInfo.exportCargo,importCargo:item.otherInfo.importCargo}});});this.addPTPointByArr(portPointList,"FreightMonitoringLayer");});},initInRiverCapacityLayer(){getWaterTransportationCapacityList().then(res=>{let waterList=res.data||[];let portPointList={pointList:[]};waterList.forEach(item=>{portPointList.pointList.push({type:"inRiverCapacity",longitude:item.longitude,latitude:item.latitude,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,// 修改为 true
-otherInfo:{portName:item.otherInfo.portName,longitude:item.otherInfo.longitude,latitude:item.otherInfo.latitude,layout:item.otherInfo.layout,annualThroughput:item.otherInfo.annualThroughput,mainCargo:item.otherInfo.mainCargo,shippingRoutes:item.otherInfo.shippingRoutes}});});this.addPTPointByArr(portPointList,"InRiverCapacityLayer");});},initInRiverUPCapacityLayer(){let portPointList={pointList:[{type:"inRiverUPCapacity",longitude:117.94279551209974,latitude:34.3159310516016,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,otherInfo:{portName:"徐州港",longitude:117.94279551209974,latitude:34.3159310516016,layout:"徐州港采用“一港六区”布局",annualThroughput:"超1.28亿吨",mainCargo:"煤炭：约6500万吨（占50.8%，主要来自晋陕蒙）。矿建材料：约3800万吨（占29.7%）。集装箱：58万TEU（同比增长15%）。其他：粮食、钢材、化工品等约2500万吨",shippingRoutes:"长三角、长江中上游、山东"}},{type:"inRiverUPCapacity",longitude:118.34493409042126,latitude:33.850640692974,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,otherInfo:{portName:"宿迁港",longitude:118.34493409042126,latitude:33.850640692974,layout:"宿迁港采取“一港三区”布局",annualThroughput:"超5000万吨",mainCargo:"矿建材料（砂石、水泥等）。粮食（小麦、玉米等）。木材（泗阳港区为重点）。集装箱（中心港区为主）",shippingRoutes:"通达上海、南京、徐州、连云港等港口"}},{type:"inRiverUPCapacity",longitude:119.23916202030088,latitude:33.79968424061957,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,otherInfo:{portName:"淮安港",longitude:119.23916202030088,latitude:33.79968424061957,layout:"淮安港采用“一港九区”布局",annualThroughput:"超1亿吨",mainCargo:"矿建材料（砂石、水泥等，占比最高）。煤炭（来自山西、陕西等地，供应苏北电厂）。粮食（小麦、玉米等，淮安是苏北粮仓）。集装箱（中心港区为主，外贸货物占比提升）",shippingRoutes:"通达京杭大运河、淮河、盐河等"}}]};this.addPTPointByArr(portPointList,"InRiverUPCapacityLayer");},initShippingLogisticsLayer(){let portPointList={pointList:[{type:"inRiverUPCapacity",longitude:120.19694200031304,latitude:36.013952003303615,scale:0.6,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.shippingLogistics_icon,popoup:false,otherInfo:{portName:"青岛港"}},{type:"inRiverUPCapacity",longitude:121.39356418349409,latitude:37.555834174421804,scale:0.6,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.shippingLogistics_icon,popoup:false,otherInfo:{portName:"烟台港"}},{type:"inRiverUPCapacity",longitude:122.19093797372103,latitude:37.43345764195251,scale:0.6,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.shippingLogistics_icon,popoup:false,otherInfo:{portName:"威海港"}},{type:"inRiverUPCapacity",longitude:119.18501475979329,latitude:37.236696173784175,scale:0.6,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.shippingLogistics_icon,popoup:false,otherInfo:{portName:"潍坊港"}},{type:"inRiverUPCapacity",longitude:119.53377624602544,latitude:35.35079419101846,scale:0.6,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.shippingLogistics_icon,popoup:false,otherInfo:{portName:"日照港"}}]};this.addPTPointByArr(portPointList,"ShippingLogisticsLayer");},initTravelRelevanceLayer(){this.TravelRelevanceLayer=new ol_echarts_esm(null,{stopEvent:false,hideOnMoving:false,hideOnZooming:false,forcedPrecomposeRerender:true});this.TravelRelevanceLayer.appendTo(this.map);const cityData=[{name:"青岛",value:[120.325944,36.108996]},{name:"黄岛",value:[120.233244,36.047589]},{name:"烟台",value:[121.377127,37.556671]},{name:"大连",value:[121.655646,38.936855]},{name:"威海",value:[122.198657,37.445898]},{name:"东营",value:[118.951905,38.088139]},{name:"旅顺",value:[121.136777,38.808977]}];const lineData=[{coords:["青岛","黄岛"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["烟台","大连"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["威海","大连"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["东营","旅顺"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["黄岛","青岛"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["大连","烟台"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["大连","威海"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["旅顺","东营"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3}];const getCityCoord=cityName=>{return cityData.find(city=>city.name===cityName).value;};const seriesLineData=lineData.map(line=>({coords:line.coords.map(getCityCoord),lineStyle:{color:line.color,width:line.width}}));const seriesScatterData=cityData.map(city=>({name:city.name,value:city.value,symbolSize:20}));const option={series:[{type:"lines",zlevel:1,coordinateSystem:"geo",data:seriesLineData,effect:{show:true,period:3,trailLength:0.7,symbol:"arrow",symbolSize:10},lineStyle:{opacity:1,curveness:0.1}},{type:"effectScatter",zlevel:2,coordinateSystem:"geo",symbol:"circle",itemStyle:{color:"#83cdff"},rippleEffect:{number:2,period:3,scale:2},label:{show:true,position:"bottom",color:"#39b3ff",fontSize:16,distance:10,formatter:"{b}"},data:seriesScatterData}]};if(this.TravelRelevanceLayer){this.TravelRelevanceLayer.setChartOptions(option);}},removeTravelRelevanceLayer(){if(this.TravelRelevanceLayer){this.TravelRelevanceLayer.remove();this.TravelRelevanceLayer=null;}},initSecondHandShipTradeLayer(){getSecondHandShipTradeList().then(res=>{let points=[];for(let i=0;i<res.data.length;i++){let obj={city:res.data[i].city,latlng:JSON.parse(res.data[i].latlng),count:res.data[i].count,level:res.data[i].level};points.push(obj);}this.initEchartsLayer2(points);});},// 航班线路定时切换
+otherInfo:{portName:item.otherInfo.portName,longitude:item.otherInfo.longitude,latitude:item.otherInfo.latitude,layout:item.otherInfo.layout,annualThroughput:item.otherInfo.annualThroughput,mainCargo:item.otherInfo.mainCargo,shippingRoutes:item.otherInfo.shippingRoutes}});});this.addPTPointByArr(portPointList,"InRiverCapacityLayer");});},initInRiverUPCapacityLayer(){getUpstreamWaterTransportationCapacityList().then(res=>{let waterList=res.data||[];let portPointList={pointList:[]};waterList.forEach(item=>{portPointList.pointList.push({type:"inRiverUPCapacity",longitude:item.longitude,latitude:item.latitude,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,otherInfo:{portName:item.otherInfo.portName,longitude:item.otherInfo.longitude,latitude:item.otherInfo.latitude,layout:item.otherInfo.layout,annualThroughput:item.otherInfo.annualThroughput,mainCargo:item.otherInfo.mainCargo,shippingRoutes:item.otherInfo.shippingRoutes}});});this.addPTPointByArr(portPointList,"InRiverUPCapacityLayer");});},initShippingLogisticsLayer(){getShippingLogisticsList().then(res=>{let waterList=res.data||[];let portPointList={pointList:[]};waterList.forEach(item=>{portPointList.pointList.push({type:"inRiverUPCapacity",longitude:item.longitude,latitude:item.latitude,scale:0.6,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.shippingLogistics_icon,popoup:false,otherInfo:{portName:item.otherInfo.portName}});});this.addPTPointByArr(portPointList,"ShippingLogisticsLayer");});},initTravelRelevanceLayer(){this.TravelRelevanceLayer=new ol_echarts_esm(null,{stopEvent:false,hideOnMoving:false,hideOnZooming:false,forcedPrecomposeRerender:true});this.TravelRelevanceLayer.appendTo(this.map);const cityData=[{name:"青岛",value:[120.325944,36.108996]},{name:"黄岛",value:[120.233244,36.047589]},{name:"烟台",value:[121.377127,37.556671]},{name:"大连",value:[121.655646,38.936855]},{name:"威海",value:[122.198657,37.445898]},{name:"东营",value:[118.951905,38.088139]},{name:"旅顺",value:[121.136777,38.808977]}];const lineData=[{coords:["青岛","黄岛"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["烟台","大连"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["威海","大连"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["东营","旅顺"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["黄岛","青岛"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["大连","烟台"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["大连","威海"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3},{coords:["旅顺","东营"],color:{type:"linear",x:0,y:0,x2:1,y2:0,colorStops:[{offset:0,color:"#fd6a02"},{offset:1,color:"#fd9201"}]},width:3}];const getCityCoord=cityName=>{return cityData.find(city=>city.name===cityName).value;};const seriesLineData=lineData.map(line=>({coords:line.coords.map(getCityCoord),lineStyle:{color:line.color,width:line.width}}));const seriesScatterData=cityData.map(city=>({name:city.name,value:city.value,symbolSize:20}));const option={series:[{type:"lines",zlevel:1,coordinateSystem:"geo",data:seriesLineData,effect:{show:true,period:3,trailLength:0.7,symbol:"arrow",symbolSize:10},lineStyle:{opacity:1,curveness:0.1}},{type:"effectScatter",zlevel:2,coordinateSystem:"geo",symbol:"circle",itemStyle:{color:"#83cdff"},rippleEffect:{number:2,period:3,scale:2},label:{show:true,position:"bottom",color:"#39b3ff",fontSize:16,distance:10,formatter:"{b}"},data:seriesScatterData}]};if(this.TravelRelevanceLayer){this.TravelRelevanceLayer.setChartOptions(option);}},removeTravelRelevanceLayer(){if(this.TravelRelevanceLayer){this.TravelRelevanceLayer.remove();this.TravelRelevanceLayer=null;}},initSecondHandShipTradeLayer(){getSecondHandShipTradeList().then(res=>{let points=[];for(let i=0;i<res.data.length;i++){let obj={city:res.data[i].city,latlng:JSON.parse(res.data[i].latlng),count:res.data[i].count,level:res.data[i].level};points.push(obj);}this.initEchartsLayer2(points);});},// 航班线路定时切换
 initFlightRoutesLayer(){this.FlightRoutesLayer=new ol_echarts_esm(null,{stopEvent:false,hideOnMoving:false,hideOnZooming:false,forcedPrecomposeRerender:true});this.FlightRoutesLayer.appendTo(this.map);// 城市数据
 const cityData=[{name:"济南",value:[117.113873,36.692085]},{name:"青岛",value:[120.325944,36.108996]},{name:"烟台",value:[121.377127,37.556671]},{name:"威海",value:[122.198657,37.445898]}];// 定时器索引
 this.flightRouteIndex=0;this.flightRouteTimer=null;// 初始化显示

package/package.json

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