{"version":3,"sources":["webpack:///./src/module/main/views/gps/mapTest.vue?9a2b","webpack:///src/module/main/views/gps/mapTest.vue","webpack:///./src/module/main/views/gps/mapTest.vue?b976","webpack:///./src/module/main/views/gps/mapTest.vue","webpack:///./src/module/main/views/gps/mapTest.vue?c4a9"],"names":["render","_vm","this","_h","$createElement","_c","_self","on","$event","showMap","_v","attrs","title","model","value","callback","$$v","expression","ref","staticClass","style","width","map","height","center","zoom","handler","class","sample","draw","_s","epNo","mobile","_e","staticRenderFns","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,GAAG,CAAC,MAAQ,SAASC,GAAQP,EAAIQ,SAAQ,KAAQ,CAACR,EAAIS,GAAG,UAAUL,EAAG,QAAQ,CAACM,MAAM,CAAC,MAAQ,SAAS,MAAQV,EAAIW,MAAM,YAAa,EAAK,eAAc,GAAMC,MAAM,CAACC,MAAOb,EAAW,QAAEc,SAAS,SAAUC,GAAMf,EAAIQ,QAAQO,GAAKC,WAAW,YAAY,CAAEhB,EAAW,QAAEI,EAAG,YAAY,CAACa,IAAI,MAAMC,YAAY,MAAMC,MAAM,CAAEC,MAAMpB,EAAIqB,IAAID,MAAME,OAAOtB,EAAIqB,IAAIC,QAASZ,MAAM,CAAC,GAAK,WAAW,OAASV,EAAIqB,IAAIE,OAAO,KAAOvB,EAAIqB,IAAIG,KAAK,qBAAoB,GAAMlB,GAAG,CAAC,MAAQN,EAAIyB,UAAU,CAACrB,EAAG,aAAa,CAACa,IAAI,QAAQS,MAAM,CAACC,QAAQ,GAAMjB,MAAM,CAAC,KAAO,aAAaJ,GAAG,CAAC,KAAON,EAAI4B,OAAO,CAACxB,EAAG,MAAM,CAACc,YAAY,mBAAmB,CAACd,EAAG,MAAM,CAACc,YAAY,cAAc,CAAClB,EAAIS,GAAGT,EAAI6B,GAAG7B,EAAI8B,SAAS1B,EAAG,MAAM,CAACc,YAAY,cAAc,CAACd,EAAG,OAAO,CAACM,MAAM,CAAC,KAAO,mBAAmB,MAAQ,UAAU,KAAO,MAAMN,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAI6B,GAAG7B,EAAI+B,YAAY,GAAG3B,EAAG,MAAM,CAACc,YAAY,eAAe,GAAGlB,EAAIgC,MAAM,IAAI,IACr/BC,EAAkB,G,oCCmGtB,GACA,gBACA,gBACA,YACA,iDAEA,gBACA,OACA,WACA,aACA,KACA,OACA,2CACA,2CAKA,QACA,MACA,QAGA,kBACA,uBAGA,qBACA,aAEA,SACA,kBAGA,uBACA,kEACA,yCACA,mDACA,0BACA,wBAEA,iCACA,+BACA,8BACA,kBAEA,6CACA,2DACA,yBACA,0BAGA,YAEA,UC1J8X,I,wBCQ1XC,EAAY,eACd,EACAnC,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,yBAAumB,EAAG","file":"js/chunk-499c3e32.c0972318.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Button',{on:{\"click\":function($event){_vm.showMap=true}}},[_vm._v(\"显示地图\")]),_c('Modal',{attrs:{\"width\":\"1156px\",\"title\":_vm.title,\"scrollable\":true,\"footer-hide\":true},model:{value:(_vm.showMap),callback:function ($$v) {_vm.showMap=$$v},expression:\"showMap\"}},[(_vm.showMap)?_c('baidu-map',{ref:\"map\",staticClass:\"map\",style:({width:_vm.map.width,height:_vm.map.height}),attrs:{\"ak\":\"你的百度地图秘钥\",\"center\":_vm.map.center,\"zoom\":_vm.map.zoom,\"scroll-wheel-zoom\":true},on:{\"ready\":_vm.handler}},[_c('bm-overlay',{ref:\"alert\",class:{sample: true},attrs:{\"pane\":\"labelPane\"},on:{\"draw\":_vm.draw}},[_c('div',{staticClass:\"alert-container\"},[_c('div',{staticClass:\"item ep-no\"},[_vm._v(_vm._s(_vm.epNo))]),_c('div',{staticClass:\"item phone\"},[_c('Icon',{attrs:{\"type\":\"ios-call-outline\",\"color\":\"#07c160\",\"size\":16}}),_c('span',[_vm._v(_vm._s(_vm.mobile))])],1),_c('div',{staticClass:\"arrow\"})])])],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n<template>\n    <baidu-map ref=\"map\" :style=\"{width:'1280px',height:'960px'}\"  class=\"map\" ak=\"你的百度地图秘钥\"\n               :center=\"{lng:114.165611,lat:32.150079}\" :zoom=\"13\"  :scroll-wheel-zoom=\"true\">\n\n    </baidu-map>\n</template>\n<script>\n     import {BaiduMap} from 'vue-baidu-map'\n\n\n\n    export default {\n         name:'maptest',\n         mixins:[],\n         components:{\n             BaiduMap\n         },\n        data () {\n            return {\n\n            }\n        },\n        mounted(){\n        },\n        methods: {\n\n        }\n    }\n</script>\n\n<style scoped lang=\"less\">\n    .sta{\n        width:100%;display: flex;padding:10px 0;\n\n        .item{\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            flex:1;\n\n            .title{\n                font-size:14px;\n                color:rgb(141,141,141);\n            }\n            .val {\n                font-size: 24px;\n                color: rgb(39, 39, 39);\n            }\n        }\n        .border-r {\n            border-right: 1px solid rgb(233, 233, 233);\n        }\n    }\n\n    .alert-cell{\n        margin:5px;\n        display: flex;\n        flex-direction: column;\n\n        .dark{\n            font-size:14px;\n            color:#272727;\n        }\n        .other{\n            font-size:14px;\n            color:#717171;\n        }\n    }\n</style>\n-->\n<template>\n    <div>\n        <Button @click=\"showMap=true\">显示地图</Button>\n        <Modal width=\"1156px\" v-model=\"showMap\" :title=\"title\" :scrollable=\"true\" :footer-hide=\"true\">\n            <baidu-map v-if=\"showMap\" ref=\"map\" :style=\"{width:map.width,height:map.height}\"  class=\"map\" ak=\"你的百度地图秘钥\"\n                       :center=\"map.center\" :zoom=\"map.zoom\"  :scroll-wheel-zoom=\"true\" @ready=\"handler\">\n                <bm-overlay\n                        ref=\"alert\"\n                        pane=\"labelPane\"\n                        :class=\"{sample: true}\"\n                        @draw=\"draw\">\n                    <div class=\"alert-container\">\n                        <div class=\"item ep-no\">{{epNo}}</div>\n                        <div class=\"item phone\"><Icon type=\"ios-call-outline\" color=\"#07c160\" :size=\"16\"/><span>{{mobile}}</span></div>\n                        <div class=\"arrow\"></div>\n                    </div>\n                </bm-overlay>\n            </baidu-map>\n        </Modal>\n    </div>\n</template>\n\n<script>\n    import modalHelper from \"@/mixins/modalHelper\";\n    import _don from \"@/libs/doson\";\n    //import  from 'vue-baidu-map/components/map/Map.vue'\n    import { BaiduMap,BmOverlay } from 'vue-baidu-map'\n\n    export default {\n        name: \"test-map\",\n        mixins: [modalHelper],\n        components: {\n            BaiduMap,BmOverlay\n        },\n        data() {\n            return {\n                showMap:false,\n                title: '报警位置',\n                map:{\n                    zoom:3,\n                    width:(document.body.clientWidth*0.8-32)+'px',\n                    height:(document.body.clientHeight-200)+'px',\n                    /*center:{\n                        lng:113.595129,\n                        lat:34.76369\n                    },*/\n                    center:{\n                        lng:0,\n                        lat:0\n                    }\n                },\n                epNo:'1-G8888888',\n                mobile:'18888888888'\n            }\n        },\n        activated() {\n            this.init();\n        },\n        methods: {\n            init() {\n\n            },\n            setFormData() {\n                this.map.center={lng:this.dataSource.lng,lat:this.dataSource.lat}\n                this.epNo = this.dataSource.equipment.epNo\n                this.mobile = this.dataSource.equipment.ownerContact\n                this.$refs.alert.reload()\n                this.$refs.map.reset()\n            },\n            handler({BMap, map}) {\n                this.map.center.lng = 114.165611\n                this.map.center.lat = 32.150079\n                this.map.zoom = 13\n            },\n            draw ({el, BMap, map}) {\n                const pixel = map.pointToOverlayPixel(new BMap.Point(114.165611, 32.150079))\n                el.style.left = pixel.x - 60 + 'px'\n                el.style.top = pixel.y - 20 + 'px'\n            }\n        },\n        computed: {\n        },\n        watch:{\n\n        }\n    }\n</script>\n\n<style scoped lang=\"less\">\n    .sample {\n        width: 230px;\n        height: 30px;\n        line-height: 30px;\n        /*background: rgba(0,0,0,0.5);\n        box-shadow: 0 0 5px #000;\n        color: #fff;*/\n        text-align: center;\n        position: absolute;\n    }\n    .alert-container{\n        display: flex;\n        position:absolute;\n        left:22px;\n        bottom:18px;\n        width:230px;\n        background: #ffffff;\n        font-size:14px;\n        border:1px solid #07c160;\n\n        .item{\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height:30px;\n\n            span{\n                color:#07c160;\n            }\n        }\n\n        .ep-no{\n            background: #07c160;\n            color:#ffffff;\n            width:95px;\n        }\n        .phone{\n            width:135px;\n        }\n\n        .arrow{\n            position:absolute;\n            box-sizing: border-box;\n            width:16px;\n            height:16px;\n            bottom:-16px;\n            left:30px;\n            border:8px solid transparent;\n            border-top-color:#07c160;\n        }\n    }\n</style>\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapTest.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapTest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapTest.vue?vue&type=template&id=bdb1f7f8&scoped=true&\"\nimport script from \"./mapTest.vue?vue&type=script&lang=js&\"\nexport * from \"./mapTest.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapTest.vue?vue&type=style&index=0&id=bdb1f7f8&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bdb1f7f8\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapTest.vue?vue&type=style&index=0&id=bdb1f7f8&scoped=true&lang=less&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapTest.vue?vue&type=style&index=0&id=bdb1f7f8&scoped=true&lang=less&\""],"sourceRoot":""}