| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-41d47e49"],{"0584":function(t,a,i){t.exports=i.p+"img/weijiaqiao.0d0a2e7a.jpg"},"0c25":function(t,a,i){t.exports=i.p+"img/luzhou.2588de15.jpg"},"3ef7":function(t,a,i){"use strict";i.r(a);var n=function(){var t=this,a=t._self._c;return a("div",{ref:"canvasBox",style:{width:"100%",height:"100%"}},[a("canvas",{ref:"mapCanvas"})])},o=[],l=i("40e1"),e={data:function(){return{offsetVal:50,width:0,height:0,ctx:null,lonlatScale:{},imageData:{},origin:{},canvasImg:"",leaderCanvasData:[],pilotCanvasData:[],scale:1,lineCanvas:{width:0,height:0}}},methods:{update:function(t,a,i){this.mapID=t;this.mapLeaderData=a||[],this.mapPilotData=i||[];var n=this.$refs.canvasBox.getBoundingClientRect();this.width||(this.width=n.width),this.height||(this.height=n.height),this.initAirMap()},initAirMap:function(){var t=this,a=l["a"].filter((function(a){return a.id==t.mapID}));this.imageData=a[0];var i=new Image;i.onload=function(){t.getlonlatScale(),t.getDrawOrigin()},i.src=this.imageData.url,this.canvasImg=i},getlonlatScale:function(){var t=this.imageData,a=t.rightTop.lon-t.leftBottom.lon,i=t.rightTop.lat-t.leftBottom.lat;a=t.width/a,i=t.height/i,this.lonlatScale={wScale:a,hScale:i}},getDrawOrigin:function(){var t=this.mapLeaderData,a=this.mapPilotData,i=t.length,n=a.length,o=0,l=0,e=0,h=0,g=0,s=0,r=0,u=0,c=0,d=0,f=0,m=0;if(i>0){var p=this.getSortArrData(t);l=p.min_lon,o=p.max_lon,h=p.min_lat,e=p.max_lat}if(n>0){var w=this.getSortArrData(a);s=w.min_lon,g=w.max_lon,u=w.min_lat,r=w.max_lat}var v=0,x=0,T=0,D=0;0==i||0==n?0==n?(v=o,x=l,T=e,D=h):(v=g,x=s,T=r,D=u):(v=Math.max(o,l,g,s),x=Math.min(o,l,g,s),T=Math.max(e,h,r,u),D=Math.min(e,h,r,u)),c=v-x,d=T-D,f=x,m=T;var b=c*this.lonlatScale.wScale,j=d*this.lonlatScale.hScale,y={x:this.lonlatToPX(f,"lon"),y:this.lonlatToPX(m,"lat")};if(b>j){var B=b-j;B/=2;var S=y.y-B-this.offsetVal;S<0&&(S=0),y.y=S;var C=y.x-this.offsetVal;C<0&&(C=0),y.x=C,j=b+=2*this.offsetVal}else{var _=j-b;_/=2;var P=y.x-_-this.offsetVal;P<0&&(P=0),y.x=P;var M=y.y-this.offsetVal;M<0&&(M=0),y.y=M,b=j+=2*this.offsetVal}this.origin=y,this.lineCanvas={width:b,height:j},this.scale={scaleX:this.width/b,scaleY:this.height/b},this.formatAllData()},formatAllData:function(){var t=this,a=this.origin,i=this.scale,n=this.mapLeaderData,o=this.mapPilotData;n.length>0&&n.map((function(n,o){n.forEach((function(n){var o=t.lonlatToPX(n.longtitude,"lon"),l=t.lonlatToPX(n.latitude,"lat");o=Math.abs(o-a.x)*i.scaleX,l=Math.abs(l-a.y)*i.scaleY,n.x=o,n.y=l}))})),this.leaderCanvasData=n,o.length>0&&(o.map((function(n,o){n.forEach((function(n){var o=t.lonlatToPX(n.longtitude,"lon"),l=t.lonlatToPX(n.latitude,"lat");o=Math.abs(o-a.x)*i.scaleX,l=Math.abs(l-a.y)*i.scaleY,n.x=o,n.y=l}))})),this.pilotCanvasData=o),this.drawLineCanvas()},drawLineCanvas:function(){var t=this.$refs.mapCanvas;t.width=this.width,t.height=this.height,t=t.getContext("2d");var a=this.leaderCanvasData,i=this.pilotCanvasData;0==a.length&&0==i.length?t.drawImage(this.canvasImg,0,0,this.imageData.width,this.imageData.height,0,0,this.width,this.height):t.drawImage(this.canvasImg,this.origin.x,this.origin.y,this.lineCanvas.width,this.lineCanvas.height,0,0,this.width,this.height),t.lineWidth=2,a.length>0&&(t.beginPath(),t.strokeStyle="#2cfefe",a.map((function(a,i){a.map((function(a,i){0==i?t.moveTo(a.x,a.y):t.lineTo(a.x,a.y)}))})),t.stroke()),i.length>0&&(t.beginPath(),t.strokeStyle="#3aa1fc",i.map((function(a,i){a.map((function(a,i){0==i?t.moveTo(a.x,a.y):t.lineTo(a.x,a.y)}))})),t.stroke())},getSortArrData:function(t){var a=t,i=a.length;if(0==i)return!1;var n=0,o=0,l=0,e=0;return a.forEach((function(t){t.forEach((function(t){n=t.longtitude>n?t.longtitude:n,o=t.latitude>o?t.latitude:o,l=0==l?t.longtitude:t.longtitude>l?l:t.longtitude,e=0==e?t.latitude:t.latitude>e?e:t.latitude}))})),{max_lon:n,max_lat:o,min_lon:l,min_lat:e}},lonlatToPX:function(t,a){var i={lon:this.imageData.leftBottom.lon,lat:this.imageData.rightTop.lat},n=this.lonlatScale,o=t;return o="lon"==a?(o-i.lon)*n.wScale:(i.lat-o)*n.hScale,o}}},h=e,g=i("2877"),s=Object(g["a"])(h,n,o,!1,null,null,null);a["default"]=s.exports},"40e1":function(t,a,i){"use strict";a["a"]=[{id:0,name:"zhoushan",url:i("80d3"),width:3278,height:2666,leftBottom:{lon:121.7508326,lat:29.58309174},rightTop:{lon:122.87624359,lat:30.49873352}},{id:1,name:"kashi",url:i("dbfa"),width:3638,height:2672,leftBottom:{lon:74.5010376,lat:38.49746704},rightTop:{lon:76.99905396,lat:40.33218384}},{id:2,name:"hongyuan",url:i("6641"),width:3638,height:2664,leftBottom:{lon:101.00143433,lat:31.49780273},rightTop:{lon:103.50082397,lat:33.32977295}},{id:3,name:"taigu",url:i("9e02"),width:3640,height:2666,leftBottom:{lon:111.5020752,lat:36.5020752},rightTop:{lon:114.00032043,lat:38.33267212}},{id:4,name:"boao",url:i("5918"),width:4366,height:3156,leftBottom:{lon:108.50097656,lat:17.99697876},rightTop:{lon:111.49887085,lat:20.164031988}},{id:5,name:"changdu",url:i("e25c"),width:3638,height:2670,leftBottom:{lon:95.74996948,lat:29.66445923},rightTop:{lon:98.25210571,lat:31.49780273}},{id:6,name:"shandong",url:i("9f33"),width:4368,height:2908,leftBottom:{lon:114.75219727,lat:35.33203125},rightTop:{lon:117.75146484,lat:37.33154297}},{id:7,name:"xiangyin",url:i("618c"),width:3636,height:2908,leftBottom:{lon:111.50024414,lat:27.66909738},rightTop:{lon:114.00238237,lat:29.66308594}},{id:8,name:"zhongjiang",url:i("9c74"),width:3640,height:3156,leftBottom:{lon:103.50219727,lat:29.83062744},rightTop:{lon:106.0043335,lat:31.99768066}},{id:9,name:"tonghua",url:i("6137"),width:3640,height:2908,leftBottom:{lon:124.50256348,lat:41.00097156},rightTop:{lon:127.00195312,lat:42.9977417}},{id:10,name:"luzhou",url:i("0c25"),width:3640,height:2664,leftBottom:{lon:104.24926758,lat:28.00140381},rightTop:{lon:106.74865723,lat:29.83062744}},{id:11,name:"linfen",url:i("a5b7"),width:4008,height:3144,leftBottom:{lon:110.24780273,lat:35.00518799},rightTop:{lon:112.99987793,lat:37.16125488}},{id:12,name:"yuncheng",url:i("98d3f"),width:3640,height:2912,leftBottom:{lon:109.99786377,lat:33.99719238},rightTop:{lon:112.5,lat:36.00219727}},{id:13,name:"shuimogou",url:i("f109"),width:4008,height:2908,leftBottom:{lon:86.25091553,lat:42.84118652},rightTop:{lon:89.00024414,lat:44.83520508}},{id:14,name:"weijiaqiao",url:i("0584"),width:3996,height:2908,leftBottom:{lon:105.00457764,lat:37.33703613},rightTop:{lon:107.74841309,lat:39.32556152}},{id:15,name:"beijing",url:i("560a"),width:4004,height:2912,leftBottom:{lon:115.25482178,lat:39.00146484},rightTop:{lon:117.99591064,lat:40.99822998}},{id:16,name:"puer",url:i("4dcc"),width:3272,height:2672,leftBottom:{lon:99.75036621,lat:21.83532715},rightTop:{lon:101.99707031,lat:23.66729736}}]},"4dcc":function(t,a,i){t.exports=i.p+"img/puer.5d1ad707.jpg"},"560a":function(t,a,i){t.exports=i.p+"img/beijing.588b8c74.jpg"},5918:function(t,a,i){t.exports=i.p+"img/boao.c3824ba8.jpg"},6137:function(t,a,i){t.exports=i.p+"img/tonghua.a24b08ad.jpg"},"618c":function(t,a,i){t.exports=i.p+"img/xiangyin.96864562.jpg"},6641:function(t,a,i){t.exports=i.p+"img/hongyuan.1c23c31a.jpg"},"80d3":function(t,a,i){t.exports=i.p+"img/zhoushan.8380e1d6.jpg"},"98d3f":function(t,a,i){t.exports=i.p+"img/yuncheng.69acd0b7.jpg"},"9c74":function(t,a,i){t.exports=i.p+"img/zhongjiang.d46cca4b.jpg"},"9e02":function(t,a,i){t.exports=i.p+"img/taigu.8b1937d7.jpg"},"9f33":function(t,a,i){t.exports=i.p+"img/shandong.d5b69a41.jpg"},a5b7:function(t,a,i){t.exports=i.p+"img/linfen.4a7a7a9b.jpg"},dbfa:function(t,a,i){t.exports=i.p+"img/kashi.15945cbe.jpg"},e25c:function(t,a,i){t.exports=i.p+"img/changdu.f0afedc7.jpg"},f109:function(t,a,i){t.exports=i.p+"img/shuimogou.e7e9d253.jpg"}}]);
|
