|
- webpackJsonp([14],{BDbH:function(t,n,a){n=t.exports=a("FZ+f")(!1),n.push([t.i,"\n.BMap_Marker img {\n -webkit-transform: scale(0.8);\n -ms-transform: scale(0.8);\n transform: scale(0.8);\n}\n",""])},nL25:function(t,n,a){var e=a("xRtp");"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);a("rjj0")("f1ecd0a6",e,!0,{})},ovVA:function(t,n,a){var e=a("BDbH");"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);a("rjj0")("0a42783f",e,!0,{})},xRtp:function(t,n,a){n=t.exports=a("FZ+f")(!1),n.push([t.i,'\n@charset "UTF-8";\nbody[data-v-74c68b30], div[data-v-74c68b30], span[data-v-74c68b30], header[data-v-74c68b30], footer[data-v-74c68b30], nav[data-v-74c68b30], section[data-v-74c68b30], aside[data-v-74c68b30], article[data-v-74c68b30], ul[data-v-74c68b30], dl[data-v-74c68b30], dt[data-v-74c68b30], dd[data-v-74c68b30], li[data-v-74c68b30], a[data-v-74c68b30], p[data-v-74c68b30], h1[data-v-74c68b30], h2[data-v-74c68b30], h3[data-v-74c68b30], h4[data-v-74c68b30], h5[data-v-74c68b30], h6[data-v-74c68b30], i[data-v-74c68b30], b[data-v-74c68b30], textarea[data-v-74c68b30], button[data-v-74c68b30], input[data-v-74c68b30], select[data-v-74c68b30], figure[data-v-74c68b30], figcaption[data-v-74c68b30] {\n padding: 0;\n margin: 0;\n list-style: none;\n font-style: normal;\n text-decoration: none;\n border: none;\n font-weight: normal;\n font-size: 12px;\n color: #333;\n line-height: 1.42;\n font-family: Microsoft Yahei,PingFangSC;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\nbody[data-v-74c68b30]:hover, div[data-v-74c68b30]:hover, span[data-v-74c68b30]:hover, header[data-v-74c68b30]:hover, footer[data-v-74c68b30]:hover, nav[data-v-74c68b30]:hover, section[data-v-74c68b30]:hover, aside[data-v-74c68b30]:hover, article[data-v-74c68b30]:hover, ul[data-v-74c68b30]:hover, dl[data-v-74c68b30]:hover, dt[data-v-74c68b30]:hover, dd[data-v-74c68b30]:hover, li[data-v-74c68b30]:hover, a[data-v-74c68b30]:hover, p[data-v-74c68b30]:hover, h1[data-v-74c68b30]:hover, h2[data-v-74c68b30]:hover, h3[data-v-74c68b30]:hover, h4[data-v-74c68b30]:hover, h5[data-v-74c68b30]:hover, h6[data-v-74c68b30]:hover, i[data-v-74c68b30]:hover, b[data-v-74c68b30]:hover, textarea[data-v-74c68b30]:hover, button[data-v-74c68b30]:hover, input[data-v-74c68b30]:hover, select[data-v-74c68b30]:hover, figure[data-v-74c68b30]:hover, figcaption[data-v-74c68b30]:hover {\n outline: none;\n}\nbody[data-v-74c68b30] {\n background-color: #f6f8f9 !important;\n}\n.ub[data-v-74c68b30] {\n display: -webkit-box;\n display: -moz-box;\n position: relative;\n}\n/*以反方向显示 div 框的子元素*/\n.ub-rev[data-v-74c68b30] {\n -webkit-box-direction: reverse;\n box-direction: reverse;\n}\n.ub-fh[data-v-74c68b30] {\n width: 100%;\n}\n.ub-fv[data-v-74c68b30] {\n height: 100%;\n}\n.ub-con[data-v-74c68b30] {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n/*通过使用 box-align and box-pack 属性，居中 div 框的子元素*/\n.ub-ac[data-v-74c68b30] {\n -webkit-box-align: center;\n box-align: center;\n}\n/*通过使用 box-align and box-pack :end属性，右下 div 框的子元素*/\n.ub-ae[data-v-74c68b30] {\n -webkit-box-align: end;\n box-align: end;\n}\n.ub-pc[data-v-74c68b30] {\n -webkit-box-pack: center;\n box-pack: center;\n}\n.ub-pe[data-v-74c68b30] {\n -webkit-box-pack: end;\n box-pack: end;\n}\n/*两端对齐*/\n.ub-pj[data-v-74c68b30] {\n -webkit-box-pack: justify;\n box-pack: justify;\n}\n/*从上向下垂直排列子元素。*/\n.ub-ver[data-v-74c68b30] {\n -webkit-box-orient: vertical;\n box-orient: vertical;\n}\n/*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/\n.ub-f1[data-v-74c68b30] {\n position: relative;\n -webkit-box-flex: 1;\n box-flex: 1;\n}\n.ub-f2[data-v-74c68b30] {\n position: relative;\n -webkit-box-flex: 2;\n box-flex: 2;\n}\n.ub-f3[data-v-74c68b30] {\n position: relative;\n -webkit-box-flex: 3;\n box-flex: 3;\n}\n.ub-f4[data-v-74c68b30] {\n position: relative;\n -webkit-box-flex: 4;\n box-flex: 4;\n}\n.max-width[data-v-74c68b30] {\n margin: 0 auto;\n max-width: 540px;\n}\n.bm-view[data-v-74c68b30] {\n width: 100%;\n}\n.infoWindow[data-v-74c68b30] {\n background: #ffffff;\n height: 100%;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n.infoWindow[data-v-74c68b30]:before {\n width: 0;\n height: 0;\n border-top: 8px solid #ffffff;\n border-right: 8px solid transparent;\n border-left: 8px solid transparent;\n display: inline-block;\n content: "";\n position: absolute;\n bottom: -8px;\n left: 50%;\n -webkit-transform: translateX(-50%);\n}\n.infoWindow .hotel-address[data-v-74c68b30] {\n color: #96969c;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n}\n.infoWindow .book[data-v-74c68b30] {\n background: #368ff4;\n color: #ffffff;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n.top-left[data-v-74c68b30] {\n width: 0.36rem;\n height: 0.36rem;\n background-color: rgba(0, 0, 0, 0.7);\n border-radius: 3px;\n position: absolute;\n left: 0.1rem;\n}\n.top-left[data-v-74c68b30]:before {\n width: 0.1rem;\n height: 0.1rem;\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -0.06rem 0 0 -0.03rem;\n border-right: #ffffff 2px solid;\n border-bottom: #ffffff 2px solid;\n -webkit-transform: rotate(135deg);\n -ms-transform: rotate(135deg);\n transform: rotate(135deg);\n}\n.bottom-left .add[data-v-74c68b30] {\n width: 0.36rem;\n height: 0.36rem;\n position: absolute;\n left: 0.1rem;\n background-color: rgba(0, 0, 0, 0.7);\n color: #ffffff;\n text-align: center;\n font-size: 0.35rem;\n bottom: 0.77rem;\n line-height: 0.3rem;\n border-radius: 0.03rem 0.03rem 0 0;\n}\n.bottom-left .dec[data-v-74c68b30] {\n width: 0.36rem;\n height: 0.36rem;\n position: absolute;\n left: 0.1rem;\n background-color: rgba(0, 0, 0, 0.7);\n color: #ffffff;\n text-align: center;\n font-size: 0.35rem;\n bottom: 0.39rem;\n line-height: 0.3rem;\n border-radius: 0.03rem 0.03rem 0 0;\n}\n.top-right[data-v-74c68b30] {\n min-width: 0.5rem;\n background-color: rgba(0, 0, 0, 0.7);\n border-radius: 5px;\n position: absolute;\n right: 0.05rem;\n top: 0.1rem;\n height: 0.37rem;\n line-height: 0.38rem;\n padding: 0 0.06rem;\n}\n.top-right .text[data-v-74c68b30] {\n color: #ffffff;\n font-size: 0.13rem;\n}\n.top-right .icon[data-v-74c68b30] {\n display: inline-block;\n /*background-image: url(https://pages.ctrip.com/hotel_h5/res/img/hotel-icon-T20161213.png);*/\n background-repeat: no-repeat;\n background-size: 100% 100%;\n vertical-align: middle;\n text-indent: -9999px;\n width: 0.24rem;\n height: 0.25rem;\n -webkit-transform: scale(0.5);\n -ms-transform: scale(0.5);\n transform: scale(0.5);\n}\n',""])},zQCI:function(t,n,a){"use strict";function e(t){a("ovVA"),a("nL25")}Object.defineProperty(n,"__esModule",{value:!0});var o=a("qedb"),i=a("Au9i"),r={name:"HotelMap",data:function(){return{center:{lng:this.$route.query.lng,lat:this.$route.query.lat},zoom:19,active:!1,hotel_name:"",hotel_address:"",urlParam:null,curPoint:{lng:0,lat:0}}},mounted:function(){this.urlParam=this.$route.query,this.hotel_name=this.urlParam.hotel_name,this.hotel_address=this.urlParam.hotel_address;this.urlParam.lng,this.urlParam.lat},methods:{styleBMap:function(){return{height:document.documentElement.clientHeight+"px"}},infoWH:function(){return{width:.6*document.documentElement.clientWidth,height:60}},draw:function(t){var n=t.el,a=t.BMap,e=t.map,o=e.pointToOverlayPixel(new a.Point(this.center.lng,this.center.lat));n.style.position="absolute",n.style.left=o.x-120+"px",n.style.top=o.y-87+"px",n.style.width="240px",n.style.height="60px"},clickBook:function(){o.a.log("click-book"),o.a.$router.replace(this,{name:"HotelDetail",query:{hotel_id:this.urlParam.hotel_id,start_date:this.urlParam.start_date,end_date:this.urlParam.end_date}})},goBack:function(){this.clickBook()},addMapLevel:function(){this.zoom=this.zoom>=19?19:++this.zoom},decMapLevel:function(){this.zoom=this.zoom<=9?9:--this.zoom},navigation:function(){var t=this.urlParam.lng,n=this.urlParam.lat;i.Indicator.open({text:"定位中",spinnerType:"fading-circle"});var a=new BMap.Geolocation,e=new BMap.Geocoder,r=null,c=this;a.getCurrentPosition(function(a){if(this.getStatus()===BMAP_STATUS_SUCCESS){i.Indicator.close();var d=a.longitude,b=a.latitude;r={lng:d,lat:b},e.getLocation(a.point,function(a){var e=(a.addressComponents,a.address);o.a.log(a);var i={mode:BMAP_MODE_DRIVING,region:"中国"},d=new BMap.RouteSearch,b={latlng:new BMap.Point(r.lng,r.lat),name:e},l={latlng:new BMap.Point(t,n),name:c.hotel_address};d.routeCall(b,l,i)})}else Object(i.Toast)("定位失败"),i.Indicator.close()},{enableHighAccuracy:!0})}}},c=function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",{staticClass:"HotelMap"},[a("baidu-map",{staticClass:"bm-view",style:t.styleBMap(),attrs:{dragging:!1,center:t.center,zoom:t.zoom,"data-aos":"slide-up"}},[a("bm-marker",{attrs:{position:t.center,icon:{url:"static/image/hotel/ht_bmap_location.png",size:{width:25,height:40}}}}),t._v(" "),a("bm-view",{staticStyle:{width:"100%",height:"100%",flex:"1"}}),t._v(" "),a("bm-overlay",{staticClass:"sample",attrs:{pane:"labelPane"},on:{draw:t.draw}},[a("div",{staticClass:"infoWindow ub ub-f1"},[a("div",{staticClass:"ub ub-f3 ub-ver ub-pc",staticStyle:{padding:"0.07rem",width:"1%"}},[a("div",{staticClass:"hotel-name ub"},[t._v(t._s(t.hotel_name))]),t._v(" "),a("div",{staticClass:"hotel-address ub"},[t._v(t._s(t.hotel_address))])]),t._v(" "),a("div",{staticClass:"book ub ub-f1 ub-ac ub-pc",staticStyle:{width:"1%"},on:{click:function(n){t.clickBook()}}},[t._v("预订")])])])],1),t._v(" "),a("i",{staticClass:"top-left",staticStyle:{"z-index":"10",top:"0.1rem"},on:{click:function(n){t.goBack()}}}),t._v(" "),a("div",{staticClass:"bottom-left"},[a("i",{staticClass:"add",on:{click:function(n){t.addMapLevel()}}},[t._v("+")]),t._v(" "),a("i",{staticClass:"dec",on:{click:function(n){t.decMapLevel()}}},[t._v("-")])]),t._v(" "),a("i",{staticClass:"top-right",on:{click:function(n){t.navigation()}}},[a("i",{staticClass:"icon",staticStyle:{"background-image":"url('static/image/hotel/ht_bmap_nav.png')"}}),t._v(" "),a("i",{staticClass:"text"},[t._v("导航")])])],1)},d=[],b={render:c,staticRenderFns:d},l=b,s=a("VU/8"),v=e,h=s(r,l,!1,v,"data-v-74c68b30",null);n.default=h.exports}});
|
