Home Explore Help
Register Sign In
mead
/
mapImg
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
mapImg
/
dist
/
js
/
app.3164bda5.js

app.3164bda5.js 18 KB
Permalink History Raw

12 
  1. (function(t){function e(e){for(var n,s,r=e[0],l=e[1],c=e[2],u=0,d=[];u<r.length;u++)s=r[u],Object.prototype.hasOwnProperty.call(a,s)&&a[s]&&d.push(a[s][0]),a[s]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(t[n]=l[n]);p&&p(e);while(d.length)d.shift()();return o.push.apply(o,c||[]),i()}function i(){for(var t,e=0;e<o.length;e++){for(var i=o[e],n=!0,r=1;r<i.length;r++){var l=i[r];0!==a[l]&&(n=!1)}n&&(o.splice(e--,1),t=s(s.s=i[0]))}return t}var n={},a={app:0},o=[];function s(e){if(n[e])return n[e].exports;var i=n[e]={i:e,l:!1,exports:{}};return t[e].call(i.exports,i,i.exports,s),i.l=!0,i.exports}s.m=t,s.c=n,s.d=function(t,e,i){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(s.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(i,n,function(e){return t[e]}.bind(null,n));return i},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/";var r=window["webpackJsonp"]=window["webpackJsonp"]||[],l=r.push.bind(r);r.push=e,r=r.slice();for(var c=0;c<r.length;c++)e(r[c]);var p=l;o.push([0,"chunk-vendors"]),i()})({0:function(t,e,i){t.exports=i("56d7")},"034f":function(t,e,i){"use strict";i("85ec")},"4d7b":function(t,e,i){},"56d7":function(t,e,i){"use strict";i.r(e);i("0fb7"),i("450d");var n=i("f529"),a=i.n(n),o=(i("1951"),i("eedf")),s=i.n(o),r=(i("826b"),i("c263")),l=i.n(r),c=(i("eca7"),i("3787")),p=i.n(c),u=(i("425f"),i("4105")),d=i.n(u),f=(i("10cb"),i("f3ad")),h=i.n(f),m=i("2b0e"),g=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{attrs:{id:"app"}},[i("Map")],1)},b=[],v=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"mapPage"},[i("div",{staticClass:"left"},[i("div",{staticClass:"routebox"},[i("div",{staticClass:"title"},[t._v("规划轨迹")]),i("div",{staticClass:"searchbox-content-common routebox-content"},[t._m(0),i("div",{staticClass:"routebox-inputs"},[i("div",{staticClass:"routebox-input route-start"},[i("div",{staticClass:"route-input-icon"}),i("input",{staticClass:"route-start-input",attrs:{autocomplete:"off",maxlength:"256",placeholder:"输入起点或在图区上选点",type:"text"},domProps:{value:t.start.text},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.analysisKeyword("start",e)}}}),i("div",{staticClass:"input-clear",staticStyle:{display:"block"},attrs:{title:"清空"},on:{click:function(e){return t.clear("start")}}}),i("div",{staticClass:"route-input-add-icon",on:{click:t.addViaPoint}})]),t._l(t.viaPoints,(function(e,n){return i("div",{key:n,staticClass:"routebox-input route-through"},[i("div",{staticClass:"route-input-icon"}),i("input",{staticClass:"route-through-input",attrs:{autocomplete:"off",maxlength:"256",placeholder:"输入途经点",type:"text"},domProps:{value:e.text},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.analysisKeyword("viaPoint",e,n)}}}),i("div",{staticClass:"input-clear",staticStyle:{display:"block"},attrs:{title:"清空"},on:{click:function(e){return t.clear("viaPoints",n)}}}),i("div",{staticClass:"route-input-remove-icon",attrs:{"data-index":"0"},on:{click:function(e){return t.removeViaPoint(n)}}})])})),i("div",{staticClass:"routebox-input route-end"},[i("div",{staticClass:"route-input-icon"}),i("input",{staticClass:"route-end-input",attrs:{autocomplete:"off",maxlength:"256",placeholder:"输入终点或在图区上选点",type:"text"},domProps:{value:t.destination.text},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.analysisKeyword("destination",e)}}}),i("div",{staticClass:"input-clear",attrs:{title:"清空"},on:{click:function(e){return t.clear("destination")}}})])],2)])]),i("div",{staticClass:"ui3-suggest-wrap",staticStyle:{width:"368px"}},[i("ul",t._l(t.searchResult,(function(e,n){return i("li",{key:n,staticClass:"ui3-suggest-item",staticStyle:{width:"368px"},attrs:{"data-type":"sug","data-key":e.title,"data-location":e.city+e.address},on:{click:function(i){return t.selectLocation(e)}}},[i("a",[i("i",{staticClass:"default"},[t._v(t._s(t.letterMaps[n])+" "+t._s(e.title))]),i("em",[t._v(t._s(e.city)+t._s(e.address))])])])})),0)]),i("button",{attrs:{id:"search-button","data-title":"搜索","data-tooltip":"1"},on:{click:t.getTrack}},[t._v(" 搜索 ")]),i("div",{staticClass:"bike-box"},[i("div",{staticClass:"title"},[t._v("车辆配置")]),i("div",{staticClass:"info"},[i("el-form",{ref:"form",attrs:{model:t.form,"label-width":"90px"}},[i("el-form-item",{attrs:{label:"车牌号："}},[i("el-input",{attrs:{placeholder:"请输入车牌号",minlength:7,maxlength:7,"show-word-limit":!0},model:{value:t.bikeInfo.bike_no,callback:function(e){t.$set(t.bikeInfo,"bike_no",e)},expression:"bikeInfo.bike_no"}})],1),i("el-form-item",{attrs:{label:"开始时间："}},[i("el-date-picker",{staticStyle:{width:"100%"},attrs:{type:"datetime",placeholder:"选择开始时间","default-time":t.getDefautTime(0)},model:{value:t.bikeInfo.start_time,callback:function(e){t.$set(t.bikeInfo,"start_time",e)},expression:"bikeInfo.start_time"}})],1),i("el-form-item",{attrs:{label:"结束时间："}},[i("el-date-picker",{staticStyle:{width:"100%"},attrs:{type:"datetime",placeholder:"选择结束时间","default-time":t.getDefautTime(1)},model:{value:t.bikeInfo.end_time,callback:function(e){t.$set(t.bikeInfo,"end_time",e)},expression:"bikeInfo.end_time"}})],1),i("el-form-item",{attrs:{label:"行驶里程："}},[i("el-input",{attrs:{placeholder:"请输入行驶里程"},model:{value:t.bikeInfo.mileage,callback:function(e){t.$set(t.bikeInfo,"mileage",e)},expression:"bikeInfo.mileage"}},[i("template",{slot:"append"},[t._v("km")])],2)],1)],1)],1)]),i("button",{attrs:{id:"down-img-button","data-title":"下载图片"},on:{click:t.getImg}},[t._v(" 下载图片 ")])]),i("div",{ref:"imageTofile",attrs:{id:"imageTofile"}},[i("baidu-map",{staticClass:"map",attrs:{center:"郑州",zoom:t.zoom,"scroll-wheel-zoom":!0}},[t.isShowDrivingStatus?i("div",[t.isShowDrivingStatus?i("bm-driving",{attrs:{start:t.start.point,end:t.destination.point,"auto-viewport":!0,panel:!1,location:"郑州",waypoints:t.waypoints},on:{searchcomplete:t.drivingComplete,markersset:t.markersset}}):t._e()],1):t._e(),i("bm-local-search",{attrs:{keyword:t.keyword,"auto-viewport":!0,panel:!1},on:{searchcomplete:t.searchcomplete}}),i("bm-navigation",{attrs:{anchor:"BMAP_ANCHOR_TOP_LEFT"}}),i("bm-context-menu",{staticClass:"BMap_contextMenu"},[i("bm-context-menu-item",{staticClass:"item",attrs:{callback:t.getStart,text:"以此为起点"}}),i("bm-context-menu-item",{staticClass:"item",attrs:{callback:t.getViaPoint,text:"以此为途经点"}}),i("bm-context-menu-item",{staticClass:"item",attrs:{callback:t.getDestination,text:"以此为终点"}})],1),i("bm-control",[i("div",{staticStyle:{position:"fixed",inset:"10px 10px auto auto","white-space":"nowrap",cursor:"pointer","z-index":"","text-size-adjust":"none"}},[i("div",{staticStyle:{float:"left"}},[i("div",{staticStyle:{"box-shadow":"rgba(0, 0, 0, 0.35) 2px 2px 3px","border-left":"1px solid rgb(139, 164, 220)","border-top":"1px solid rgb(139, 164, 220)","border-bottom":"1px solid rgb(139, 164, 220)",background:"rgb(142, 168, 224)",padding:"2px 6px",font:"bold 12px / 1.3em arial, sans-serif","text-align":"center","white-space":"nowrap","border-radius":"3px 0px 0px 3px",color:"rgb(255, 255, 255)"},attrs:{title:"显示普通地图"}},[t._v(" 地图 ")])]),i("div",{staticStyle:{float:"left"}},[i("div",{staticStyle:{"box-shadow":"rgba(0, 0, 0, 0.35) 2px 2px 3px","border-left":"1px solid rgb(139, 164, 220)","border-top":"1px solid rgb(139, 164, 220)","border-bottom":"1px solid rgb(139, 164, 220)",background:"rgb(255, 255, 255)",padding:"2px 6px","font-style":"normal","font-variant":"normal","font-stretch":"normal","font-size":"12px","line-height":"1.3em","font-family":"arial, sans-serif","text-align":"center","white-space":"nowrap",color:"rgb(0, 0, 0)"},attrs:{title:"显示卫星影像"}},[t._v(" 卫星 ")]),i("div",{staticStyle:{position:"absolute",top:"21px",left:"37px","z-index":"-1",display:"none"}},[i("div",{staticStyle:{"border-right":"1px solid #8ba4dc","border-bottom":"1px solid #8ba4dc","border-left":"1px solid #8ba4dc",background:"white",font:"12px arial,sans-serif",padding:"0 8px 0 6px","line-height":"1.6em","box-shadow":"2px 2px 3px rgba(0, 0, 0, 0.35)"},attrs:{title:"显示带有街道的卫星影像"}},[i("span",{staticClass:"BMap_checkbox checked",attrs:{checked:"checked"}}),i("label",{staticStyle:{"vertical-align":"middle",cursor:"pointer"}},[t._v("混合")])])])]),i("div",{staticStyle:{float:"left"}},[i("div",{staticStyle:{"box-shadow":"rgba(0, 0, 0, 0.35) 2px 2px 3px","border-width":"1px","border-style":"solid","border-color":"rgb(139, 164, 220)",background:"rgb(255, 255, 255)",padding:"2px 6px","font-style":"normal","font-variant":"normal","font-stretch":"normal","font-size":"12px","line-height":"1.3em","font-family":"arial, sans-serif","text-align":"center","white-space":"nowrap","border-radius":"0px 3px 3px 0px",color:"rgb(0, 0, 0)"},attrs:{title:"显示三维地图"}},[t._v(" 三维 ")])])]),i("div",{staticClass:"maplibTcBtn_deskTop BMap_noprint anchorTR maplibTcBtnOff_deskTop",staticStyle:{position:"fixed","z-index":"10","text-size-adjust":"none",inset:"10px 10px auto auto"},attrs:{title:"显示交通流量",id:"tcBtn"}})]),i("bm-control",[t.bikeInfo.bike_no?i("div",{staticClass:"info-box"},[i("p",[t._v("开始时间："+t._s(t._f("formatDate")(t.bikeInfo.start_time)))]),i("p",[t._v("结束时间："+t._s(t._f("formatDate")(t.bikeInfo.end_time)))]),i("p",[t._v("公里总数："+t._s(t.kilometre)+"公里")]),i("p",[t._v("车牌："+t._s(t.bikeInfo.bike_no.toUpperCase()))])]):t._e()])],1)],1),i("div",{attrs:{id:"mapPage"}})])},y=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"routebox-revert",attrs:{title:"切换起终点"}},[i("div",{staticClass:"routebox-revert-icon"})])}],x=i("a34a"),k=i.n(x);function w(t,e){/(y+)/.test(e)&&(e=e.replace(RegExp.$1,(t.getFullYear()+"").substr(4-RegExp.$1.length)));var i={"M+":t.getMonth()+1,"d+":t.getDate(),"h+":t.getHours(),"m+":t.getMinutes(),"s+":t.getSeconds()};for(var n in i)if(new RegExp("(".concat(n,")")).test(e)){var a=i[n]+"";e=e.replace(RegExp.$1,1===RegExp.$1.length?a:_(a))}return e}function _(t){return("00"+t).substr(t.length)}var C=i("c0e9"),S=i.n(C),P=i("0132"),E=i.n(P),I=i("1157"),T=i.n(I),M=i("5118");function O(t,e,i,n,a,o,s){try{var r=t[o](s),l=r.value}catch(c){return void i(c)}r.done?e(l):Promise.resolve(l).then(n,a)}function D(t){return function(){var e=this,i=arguments;return new Promise((function(n,a){var o=t.apply(e,i);function s(t){O(o,n,a,s,r,"next",t)}function r(t){O(o,n,a,s,r,"throw",t)}s(void 0)}))}}var j={name:"map",data:function(){return{letterMaps:["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","W","X","Y","Z"],center:{lng:0,lat:0},zoom:15,viaPoints:[{point:{lat:"",lng:""},text:"",isEmpty:!0},{point:{lat:"",lng:""},text:"",isEmpty:!0},{point:{lat:"",lng:""},text:"",isEmpty:!0},{point:{lat:"",lng:""},text:"",isEmpty:!0},{point:{lat:"",lng:""},text:"",isEmpty:!0},{point:{lat:"",lng:""},text:"",isEmpty:!0}],start:{point:{lat:"",lng:"7"},text:"",isEmpty:!0},destination:{point:{lat:"",lng:""},text:"",isEmpty:!0},isShowDrivingStatus:!0,keyword:"",currentStatusValue:{type:"",key:0},searchResult:[],bikeInfo:{bike_no:"",start_time:"",end_time:"",mileage:0},waitInterval:null}},created:function(){var t="豫AWF838";console.log(t.length),console.log(this.$refs)},methods:{getImg:function(){for(var t=this,e=[],i=[],n=T()("#imageTofile").find("svg"),a=[],o=0;o<n.length;o++)a.push(0);n.each((function(t,n){var o=n.parentNode,s=n.outerHTML,r=document.createElement("canvas");E()(r,s),r.style.position=n.style.position,r.style.width=n.style.width,r.style.height=n.style.height,r.style.left=0,r.style.top=0;var l=r.getContext("2d"),c=(new XMLSerializer).serializeToString(n),p=new Image;p.src="data:image/svg+xml;base64,"+window.btoa(c),p.onload=function(){l.drawImage(p,0,0),a[t]=1},o.appendChild(r),i.push({parent:o,child:r}),e.push({parent:o,child:n}),o.removeChild(n)})),this.waitInterval=setInterval((function(){for(var n=!0,o=0;o<a.length;o++)if(0==a[o]){n=!1;break}console.log(n),n&&(clearInterval(t.waitInterval),S()(document.getElementById("imageTofile"),{useCORS:!0}).then((function(n){for(var a=n.toDataURL("image/png"),o=0;o<e.length;o++)e[o].parent.appendChild(e[o].child);for(var s=0;s<i.length;s++)i[s].parent.removeChild(i[s].child);t.download(a)})))}),5)},download:function(t){var e=document.createElement("a");e.style.display="none",document.body.appendChild(e);var i=((new Date).getTime()/1e3).toFixed(0);""!=this.bikeInfo.bike_no&&(i=this.bikeInfo.bike_no);var n=T()(e).attr("href",t).attr("download",i+".png");n[0].click(),document.body.removeChild(e)},getDefautTime:function(t){return t?"23:59:59":"00:00:00"},randomNum:function(t,e){switch(arguments.length){case 1:return this.PrefixZero(parseInt(Math.random()*t+1,10),2);case 2:return this.PrefixZero(parseInt(Math.random()*(e-t+1)+t,10),2);default:return"00"}},PrefixZero:function(t,e){return(Array(e).join(0)+t).slice(-e)},resultshtmlset:function(t){console.log(t)},markersset:function(t){var e=t.length;e>=2&&(t[0].marker.Yc.innerHTML='<img src="http://map.aliyun.hanyiyun.com/start.png" style="display: block; border:none;margin-left:0px; margin-top:0px; ">',t[e-1].marker.Yc.innerHTML='<img src="http://map.aliyun.hanyiyun.com/end.png" style="display: block; border:none;margin-left:0px; margin-top:0px; ">');var i='<img src="http://map.aliyun.hanyiyun.com/tujingdian.png" style="display: block;width:28px; border:none;">';if(e>2)for(var n=1;n<e;n++)console.log(t[n].Um),t[n].Um.Yc.innerHTML=i},selectLocation:function(t){console.log(t);var e=this.currentStatusValue.type;switch(e){case"start":this.start.text=t.title,this.start.point=t.point,this.start.isEmpty=!1;break;case"viaPoint":var i=this.currentStatusValue.key,n={point:t.point,text:t.title,isEmpty:!1};this.viaPoints.splice(i,1,n);break;case"destination":this.destination.text=t.title,this.destination.point=t.point,this.destination.isEmpty=!1;break}this.keyword="",this.searchResult=[]},drivingComplete:function(t){if(null==t.taxiFare)return!1;this.bikeInfo.mileage=(t.taxiFare.distance/1e3).toFixed(2)},searchcomplete:function(t){this.searchResult=[],t&&(0!=t.Hr.length?this.searchResult=t.Hr:this.$message("没有找到该地点"))},analysisKeyword:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=e.currentTarget.value;switch(this.keyword=n,this.currentStatusValue.type=t,this.currentStatusValue.key=i,t){case"start":this.start.text=n;break;case"viaPoint":this.viaPoints[i].text=n;break;case"destination":this.destination.text=n;break}},getTrack:function(){this.start.isEmpty?this.$message("起点不能为空"):this.destination.isEmpty?this.$message("终点不能为空"):this.isShowDrivingStatus=!0},getStart:function(t){var e=this;this.start.point={lng:t.point.lng,lat:t.point.lat},this.analysisAddress([this.start.point],(function(t){e.start.text=t[0]})),this.start.isEmpty=!1},loadTrack:function(){var t=this;Object(M["setTimeout"])((function(){t.isShowDrivingStatus=!0}),100)},getViaPoint:function(t){this.isShowDrivingStatus=!1;var e=this.viaPoints.length,i={point:{lng:t.point.lng,lat:t.point.lat},text:"",isEmpty:!1};if(this.analysisAddress([i.point],(function(t){i.text=t[0]})),0==e)return this.viaPoints.push(i),void this.loadTrack();var n=null;if(this.viaPoints.map((function(t,e){t.isEmpty&&null==n&&(n=e)})),null==n)return this.viaPoints.push(i),void this.loadTrack();this.viaPoints.splice(n,1,i),this.loadTrack()},getDestination:function(t){var e=this;this.destination.point={lng:t.point.lng,lat:t.point.lat},this.analysisAddress([this.destination.point],(function(t){e.destination.text=t[0]})),console.log(this.destination),this.destination.isEmpty=!1},clear:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i={point:{lng:"",lat:""},text:"",isEmpty:!0};switch(t){case"start":this.start=i;break;case"viaPoints":console.log(e),this.viaPoints.splice(e,1,i);break;case"destination":this.destination=i;break}},removeViaPoint:function(t){this.viaPoints.splice(t,1)},addViaPoint:function(){this.viaPoints.push({point:{lng:"",lat:""},text:"",isEmpty:!0})},analysisAddress:function(t,e){if(!Array.isArray(t)||0===t.length)throw"arr not a Array or arr not is null Array!";var i=new BMap.Geocoder,n=t,a=[],o=0;function s(){return r.apply(this,arguments)}function r(){return r=D(k.a.mark((function r(){var l;return k.a.wrap((function(r){while(1)switch(r.prev=r.next){case 0:if(!isNaN(n[o].lng)&&!isNaN(n[o].lat)){r.next=2;break}throw"adds[i].lng or adds[i].lat is not a number!";case 2:return l=new BMap.Point(n[o].lng,n[o].lat),r.next=5,i.getLocation(l,(function(i){var n=i.addressComponents;if(a.push(n.province+""+n.city+n.district+n.street+n.streetNumber),o<t.length-1)return o++,s();e(a)}));case 5:case"end":return r.stop()}}),r)}))),r.apply(this,arguments)}return s()}},computed:{waypoints:function(){var t=[];return this.viaPoints.map((function(e){e.isEmpty||t.push(e.point)})),t},kilometre:function(){return parseFloat(this.bikeInfo.mileage)}},filters:{formatDate:function(t){var e=new Date;return t&&(e=new Date(t)),w(e,"yyyy-MM-dd hh:mm:ss")}}},R=j,$=(i("b864"),i("2877")),A=Object($["a"])(R,v,y,!1,null,"85d3db18",null),z=A.exports,B={name:"App",components:{Map:z}},V=B,L=(i("034f"),Object($["a"])(V,g,b,!1,null,null,null)),F=L.exports,H=i("bd0c"),N=i.n(H);m["default"].use(h.a),m["default"].use(d.a),m["default"].use(p.a),m["default"].use(l.a),m["default"].use(s.a),m["default"].prototype.$message=a.a,m["default"].use(N.a,{ak:"8xVRsWlEl4tU8ZCtQWjiEOTBj6IRmSt2"}),m["default"].config.productionTip=!1,new m["default"]({render:function(t){return t(F)}}).$mount("#app")},"85ec":function(t,e,i){},b864:function(t,e,i){"use strict";i("4d7b")}});
    2. 

  2. //# sourceMappingURL=app.3164bda5.js.map
    3.