gis-map-universal 0.8.7 → 0.8.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/gismap.umd.js +7 -5
  2. package/package.json +1 -1
package/gismap.umd.js CHANGED
@@ -261997,7 +261997,8 @@ function getCongestionEventLayerData() {
261997
261997
  // 附属设备--水运相机
261998
261998
  // 附属设备--高速相机
261999
261999
  // 旅游走廊
262000
- /* harmony default export */ var js_initBaseLayers = ({data(){return{isCluster:false,echartslayer:null,congestedRoadLayer:null,tiandituLayer:null,darkUrl:"http://service.sdmap.gov.cn/tileservice/dsfg_asdxb?",lightUrl:"https://service.sdmap.gov.cn/tileservice/dsfg_qsb?",geoJSONUrl:"/china_full.json",sdAreaUrl:"/sdArea.json",subwayLineUrl:"/ditieline.json",darkFillColor:"#1b2639",lightFillColor:"#eeeee9",darkStrokeColor:"#3578E0",lightStrokeColor:"#b4b4b1"};},methods:{initBaseLayers(){let that=this;// 加载WMTS
262000
+ /* harmony default export */ var js_initBaseLayers = ({data(){return{lastHoverFeature:null,// 记录上一次悬停的要素
262001
+ isCluster:false,echartslayer:null,congestedRoadLayer:null,tiandituLayer:null,darkUrl:"http://service.sdmap.gov.cn/tileservice/dsfg_asdxb?",lightUrl:"https://service.sdmap.gov.cn/tileservice/dsfg_qsb?",geoJSONUrl:"/china_full.json",sdAreaUrl:"/sdArea.json",subwayLineUrl:"/ditieline.json",darkFillColor:"#1b2639",lightFillColor:"#eeeee9",darkStrokeColor:"#3578E0",lightStrokeColor:"#b4b4b1"};},methods:{initBaseLayers(){let that=this;// 加载WMTS
262001
262002
  // let resolutions = [
262002
262003
  // 0.010986328125, 0.0054931640625, 0.00274658283125, 0.001373291815625,
262003
262004
  // 0.0006866455078125, 0.00034332275390625, 0.000171661376953125,
@@ -262072,7 +262073,7 @@ let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.spli
262072
262073
  // -this.popupHeight - 20,
262073
262074
  // ]);
262074
262075
  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();}// }
262075
- });},initRoadNetwork(){let colorList=[{京九通道:"rgba(174, 93, 57, 0.8)"},{京沪通道:"rgba(174, 93, 57, 0.8)"},{滨临通道:"rgba(174, 93, 57, 0.8)"},{京沪二通道:"rgba(174, 93, 57, 0.8)"},{济青通道:"rgba(139, 72, 213, 0.8)"},{鲁中通道:"rgba(139, 72, 213, 0.8)"},{鲁北通道:"rgba(139, 72, 213, 0.8)"},{鲁南通道:"rgba(139, 72, 213, 0.8)"},{沿海通道:"rgba(174, 93, 57, 0.8)"},{沿黄达海通道:"rgba(23, 136, 185, 0.8)"}];let colorList2=[{京九通道:"#FFB1A0"},{京沪通道:"#FFB1A0"},{滨临通道:"#FFB1A0"},{京沪二通道:"#FFB1A0"},{济青通道:"#E4CDFF"},{鲁中通道:"#E4CDFF"},{鲁北通道:"#E4CDFF"},{鲁南通道:"#E4CDFF"},{沿海通道:"#FFB1A0"},{沿黄达海通道:"#BCEBFF"}];let angleList=[{京九通道:90},{京沪通道:90},{滨临通道:90},{京沪二通道:90},{济青通道:0},{鲁中通道:0},{鲁北通道:0},{鲁南通道:0},{沿海通道:0},{沿黄达海通道:0}];let roadNetworkSource=new source_Vector["default"]({url:"/std.json",format:new ol_format_GeoJSON["default"]({dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"})});let roadNetworkLayer=new layer_Vector["default"]({layerName:"roadNetworkLayer",source:roadNetworkSource,style:function(feature){let fename=feature.getProperties().name;let fecolor=colorList.find(item=>Object.keys(item)[0]===fename);let feangle=angleList.find(item=>Object.keys(item)[0]===fename);let fecolor2=colorList2.find(item=>Object.keys(item)[0]===fename);return new Style["default"]({stroke:new StrokePattern({width:15,pattern:"hatch",color:fecolor[fename],offset:0,scale:0.9,fill:new Fill["default"]({color:"rgba(0,0,0,0)"}),size:1.5,spacing:4,angle:feangle[fename],lineCap:"square"}),text:new ol_style_Text["default"]({text:fename,font:"bold 18px sans-serif",fill:new Fill["default"]({color:fecolor2[fename]//"#E4CDFF",
262076
+ });this.map.on("pointermove",e=>{let feature=this.map.forEachFeatureAtPixel(e.pixel,feature=>{return feature;});if(feature!==this.lastHoverFeature){if(feature){that.$emit("pointerMoveEvent",feature.getProperties());}this.lastHoverFeature=feature;}});},initRoadNetwork(){let colorList=[{京九通道:"rgba(174, 93, 57, 0.8)"},{京沪通道:"rgba(174, 93, 57, 0.8)"},{滨临通道:"rgba(174, 93, 57, 0.8)"},{京沪二通道:"rgba(174, 93, 57, 0.8)"},{济青通道:"rgba(139, 72, 213, 0.8)"},{鲁中通道:"rgba(139, 72, 213, 0.8)"},{鲁北通道:"rgba(139, 72, 213, 0.8)"},{鲁南通道:"rgba(139, 72, 213, 0.8)"},{沿海通道:"rgba(174, 93, 57, 0.8)"},{沿黄达海通道:"rgba(23, 136, 185, 0.8)"}];let colorList2=[{京九通道:"#FFB1A0"},{京沪通道:"#FFB1A0"},{滨临通道:"#FFB1A0"},{京沪二通道:"#FFB1A0"},{济青通道:"#E4CDFF"},{鲁中通道:"#E4CDFF"},{鲁北通道:"#E4CDFF"},{鲁南通道:"#E4CDFF"},{沿海通道:"#FFB1A0"},{沿黄达海通道:"#BCEBFF"}];let angleList=[{京九通道:90},{京沪通道:90},{滨临通道:90},{京沪二通道:90},{济青通道:0},{鲁中通道:0},{鲁北通道:0},{鲁南通道:0},{沿海通道:0},{沿黄达海通道:0}];let roadNetworkSource=new source_Vector["default"]({url:"/std.json",format:new ol_format_GeoJSON["default"]({dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"})});let roadNetworkLayer=new layer_Vector["default"]({layerName:"roadNetworkLayer",source:roadNetworkSource,style:function(feature){let fename=feature.getProperties().name;let fecolor=colorList.find(item=>Object.keys(item)[0]===fename);let feangle=angleList.find(item=>Object.keys(item)[0]===fename);let fecolor2=colorList2.find(item=>Object.keys(item)[0]===fename);return new Style["default"]({stroke:new StrokePattern({width:15,pattern:"hatch",color:fecolor[fename],offset:0,scale:0.9,fill:new Fill["default"]({color:"rgba(0,0,0,0)"}),size:1.5,spacing:4,angle:feangle[fename],lineCap:"square"}),text:new ol_style_Text["default"]({text:fename,font:"bold 18px sans-serif",fill:new Fill["default"]({color:fecolor2[fename]//"#E4CDFF",
262076
262077
  }),rotateWithView:true,// stroke: new Stroke({
262077
262078
  // color: "#E4CDFF",
262078
262079
  // width: 1,
@@ -262227,7 +262228,7 @@ otherInfo:{portName:"济宁港",longitude:116.55034030481121,latitude:35.3863128
262227
262228
  otherInfo:{portName:"枣庄港",longitude:117.24770323248435,latitude:34.73017237879105,layout:"枣庄港采取“一港四区”布局",annualThroughput:"约2000万吨",mainCargo:"煤炭转运(枣庄本地及晋陕蒙煤炭南下苏浙沪),砂石、水泥(供应沿河城市及长三角建筑市场)",shippingRoutes:"经京杭运河直达徐州、宿迁、淮安、苏州、宁波"}},{type:"inRiverCapacity",longitude:116.52550315848056,latitude:35.88412608251825,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,// 修改为 true
262228
262229
  otherInfo:{portName:"泰安港",longitude:116.52550315848056,latitude:35.88412608251825,layout:"泰安港采用“一港多区”布局",annualThroughput:"约500万吨",mainCargo:"建材(60%以上):砂石、水泥(东平湖周边矿产资源丰富)。煤炭(20%):来自山西、陕西,经铁路转运至港口。粮食(10%):小麦、玉米等农产品。",shippingRoutes:"经京杭运河连接济宁港、枣庄港,直达江苏、浙江。"}},{type:"inRiverCapacity",longitude:115.97595319660435,latitude:36.440279376366895,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,// 修改为 true
262229
262230
  otherInfo:{portName:"聊城港",longitude:115.97595319660435,latitude:36.440279376366895,layout:"聊城港采取“一港多区”布局",annualThroughput:"约300万吨",mainCargo:"煤炭(50%以上):来自山西、陕西,供应山东及江苏沿河城市。建材(30%):砂石、水泥(阳谷、莘县等地矿产资源)。粮食(10%):小麦、玉米等农产品",shippingRoutes:"经京杭运河连接济宁港、枣庄港,直达江苏、浙江。"}},{type:"inRiverCapacity",longitude:118.22592645141782,latitude:37.12060200836292,scale:0.3,offset:[0,0],GGoffsetX:0,GGoffsetY:0,textOffsetY:-30,iconUrl:this.portPointList_icon,popoup:true,// 修改为 true
262230
- otherInfo:{portName:"滨州港",longitude:118.22592645141782,latitude:37.12060200836292,layout:"滨州内河港以博兴港区为核心,承担散货、集装箱及河海联运业务",annualThroughput:"约500万吨",mainCargo:"煤炭(40%):来自晋陕蒙,供应济南及沿河城市。粮食(30%):小麦、玉米(滨州是山东重要粮仓)。建材(20%):砂石、水泥(小清河沿线基建需求大)。集装箱(10%):铝制品、纺织品(邹平工业需求)",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}];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;}},// 交通经济
262231
+ otherInfo:{portName:"滨州港",longitude:118.22592645141782,latitude:37.12060200836292,layout:"滨州内河港以博兴港区为核心,承担散货、集装箱及河海联运业务",annualThroughput:"约500万吨",mainCargo:"煤炭(40%):来自晋陕蒙,供应济南及沿河城市。粮食(30%):小麦、玉米(滨州是山东重要粮仓)。建材(20%):砂石、水泥(小清河沿线基建需求大)。集装箱(10%):铝制品、纺织品(邹平工业需求)",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;}},// 交通经济
262231
262232
  initAreaGDPLayer(){let data=[{city:"济南",latlng:[117.218567,36.63746469],level:3},{city:"青岛",latlng:[120.1465557,36.45381659],level:4},{city:"淄博",latlng:[118.0584924,36.60890867],level:2},{city:"枣庄",latlng:[117.3968435,34.91513782],level:4},{city:"东营",latlng:[118.6215082,37.61362818],level:3},{city:"烟台",latlng:[120.8091359,37.23793544],level:4},{city:"潍坊",latlng:[119.0760051,36.54682013],level:1},{city:"济宁",latlng:[116.7383679,35.37157951],level:5},{city:"泰安",latlng:[117.0306808,36.0011122],level:3},{city:"威海",latlng:[121.9851115,37.1186645],level:2},{city:"临沂",latlng:[118.285372,35.30873162],level:3},{city:"德州市",latlng:[116.6509067,37.24796314],level:4},{city:"菏泽市",latlng:[115.6982922,35.15072675],level:2},{city:"日照市",latlng:[119.1395588,35.58315289],level:1},{city:"聊城市",latlng:[115.8845804,36.45657156],level:5},{city:"滨州市",latlng:[117.8407462,37.52910563],level:2}];this.sdAreaLayer=new ol_echarts_esm(null,{hideOnMoving:true,hideOnZooming:true});this.sdAreaLayer.appendTo(this.map);let convertData=function(res){let dataList=[];for(let i=0;i<res.length;i++){let geoCoord=res[i].latlng;if(geoCoord){dataList.push({name:res[i].city,value:geoCoord.concat(res[i].level)});}}return dataList;};let option={series:[{name:"车流量",type:"scatter",coordinateSystem:"geo",data:convertData(data),symbolSize:function(val){return[18,val[2]*15];},symbolOffset:[0,"-50%"],symbol:"rect",label:{show:false,position:"top",distance:11,color:"#97FFFF",fontSize:14,fontWeight:"bold",formatter:function(params){return params.data.value[2]+"000辆";}},itemStyle:{normal:{color:function(params){var value=params.value[2];if(value===1){return"#FF1493";// 深粉色
262232
262233
  }else if(value===2){return"#00FA9A";// 中绿
262233
262234
  }else if(value===3){return"#8A2BE2";// 蓝紫色
@@ -263502,7 +263503,7 @@ var ol_style_RegularShape = __webpack_require__("35d8");
263502
263503
  })
263503
263504
  }), new Style["default"]({
263504
263505
  text: new ol_style_Text["default"]({
263505
- font: "14px sans-serif",
263506
+ font: data.textFontSize || "14px sans-serif",
263506
263507
  fill: new Fill["default"]({
263507
263508
  color: data.textColor || "rgb(255, 255, 255)"
263508
263509
  }),
@@ -263661,7 +263662,8 @@ var ol_style_RegularShape = __webpack_require__("35d8");
263661
263662
  lineFeature.setStyle(new Style["default"]({
263662
263663
  stroke: new Stroke["default"]({
263663
263664
  color: lineItem.color,
263664
- width: lineItem.width
263665
+ width: lineItem.width,
263666
+ lineDash: lineItem.lineDash ? [10, 10] : undefined
263665
263667
  })
263666
263668
  }));
263667
263669
  lineFeatures.push(lineFeature);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gis-map-universal",
3
- "version": "0.8.7",
3
+ "version": "0.8.9",
4
4
  "description": "GIS通用组件",
5
5
  "main": "gismap.umd.js",
6
6
  "private": false,