{"version":3,"file":"js/601.72d67bf0.js","mappings":"4IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,QAAQ,CAACG,IAAI,QAAQD,YAAY,SAASF,EAAG,MAAM,CAACE,YAAY,MAAME,GAAG,CAAC,MAAQN,EAAIO,WAAW,CAACP,EAAIQ,GAAG,UAAWR,EAAIS,QAASP,EAAG,MAAM,CAACE,YAAY,UAAUJ,EAAIU,GAAIV,EAAIW,UAAU,SAASC,GAAI,OAAOV,EAAG,MAAM,CAACW,IAAID,EAAGE,WAAWV,YAAY,OAAOE,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAOf,EAAIgB,QAAQJ,EAAG,IAAI,CAACV,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIQ,GAAGR,EAAIiB,GAAGL,EAAGM,SAAShB,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIQ,GAAGR,EAAIiB,GAAGL,EAAGO,aAAa,IAAG,GAAGnB,EAAIoB,OAAOlB,EAAG,MAAM,CAACE,YAAY,MAAMiB,YAAY,CAAC,SAAW,WAAW,MAAQ,QAAQ,OAAS,SAASC,MAAM,CAAC,GAAK,aACxtB,EACIC,EAAkB,GCctB,G,QAAA,CACAL,KAAA,YACAM,IAAAA,GACA,OACAC,IAAA,KACAhB,SAAA,EACAE,SAAA,GAEA,EACAe,SAAA,GACAC,OAAAA,GACA,KAAAC,SACA,EACAC,QAAA,CACAD,OAAAA,GACA,KAAAH,IAAA,IAAAK,EAAAC,IAAA,UACA,MAAAC,EAAA,IAAAF,EAAAG,OAAA,oBACA,KAAAR,IAAAS,cAAAF,EAAA,IACA,KAAAG,gBACA,EACAA,cAAAA,GACA,MAAAC,EAAA,IAAAN,EAAAO,YACAC,EAAA,SAAAC,GACA,WAAAC,YAAA,CACA,KAAAf,IAAAS,cAAAK,EAAAP,OAAA,IACA,MAAAS,EAAA,IAAAX,EAAAY,OAAAH,EAAAP,QACA,KAAAP,IAAAkB,WAAAF,EAEA,CACA,WAAAD,YAAA,CACA,KAAAf,IAAAS,cAAAK,EAAAP,OAAAO,EAAAK,OACA,MAAAH,EAAA,IAAAX,EAAAY,OAAAH,EAAAP,QACA,KAAAP,IAAAkB,WAAAF,EACA,CACA,EACAL,EAAAS,mBAAAP,EACA,EACA/B,QAAAA,GACA,MAAAuC,EAAAC,IACA,KAAAtC,SAAA,EACA,KAAAE,SAAAoC,EAAAC,IAAA,EAEAC,EAAA,CACAC,aAAA,IACAC,iBAAAL,GAGAM,EAAA,IAAAtB,EAAAuB,YAAA,KAAA5B,IAAAwB,GACAG,EAAAE,OAAA,KAAAC,MAAAC,MAAAC,MACA,EACAzC,OAAAA,CAAAuB,GACA,KAAA9B,SAAA,EACA,MAAAuB,EAAAO,EAAAmB,QAAAC,MAAA,KACAlB,EAAA,IAAAX,EAAAY,OAAA,IAAAZ,EAAAG,OAAA2B,OAAA5B,EAAA,IAAA4B,OAAA5B,EAAA,MACA,KAAAP,IAAAkB,WAAAF,GACA,KAAAhB,IAAAoC,MAAA,IAAA/B,EAAAG,OAAA2B,OAAA5B,EAAA,IAAA4B,OAAA5B,EAAA,MACA,MAAA8B,EAAA,IAAAhC,EAAAiC,WAAA,MAAAxB,EAAApB,WACAsB,EAAAuB,iBAAA,oBACAvB,EAAAwB,eAAAH,EACA,GACA,KC5E6P,I,UCQzPI,GAAY,OACd,EACAnE,EACAwB,GACA,EACA,KACA,WACA,MAIF,EAAe2C,EAAiB,O","sources":["webpack:///./src/views/Home/index.vue","webpack:///src/views/Home/index.vue","webpack:///./src/views/Home/index.vue?dc86","webpack:///./src/views/Home/index.vue?4a09"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tiandimap\"},[_c('div',{staticClass:\"searchWrap\"},[_c('div',{staticClass:\"search\"},[_c('input',{ref:\"input\",staticClass:\"text\"}),_c('div',{staticClass:\"btn\",on:{\"click\":_vm.searchFn}},[_vm._v(\"搜索\")])]),(_vm.showRes)?_c('div',{staticClass:\"result\"},_vm._l((_vm.dataList),function(el){return _c('div',{key:el.hotPointID,staticClass:\"item\",on:{\"click\":function($event){return _vm.toLocal(el)}}},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(el.name))]),_c('span',{staticClass:\"addr\"},[_vm._v(_vm._s(el.address))])])}),0):_vm._e()]),_c('div',{staticClass:\"map\",staticStyle:{\"position\":\"absolute\",\"width\":\"100vw\",\"height\":\"100vh\"},attrs:{\"id\":\"mapDiv\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"tiandimap\">\n        <div class=\"searchWrap\">\n            <div class=\"search\"><input ref=\"input\" class=\"text\"/><div class=\"btn\" @click=\"searchFn\">搜索</div></div>\n            <div class=\"result\" v-if=\"showRes\">\n                <div class=\"item\" v-for=\"el in dataList\" :key=\"el.hotPointID\" @click=\"toLocal(el)\">\n                    <span class=\"name\">{{el.name}}</span>\n                    <span class=\"addr\">{{el.address}}</span>\n                </div>\n            </div>\n        </div>\n        <div class=\"map\" id=\"mapDiv\" style=\"position:absolute;width:100vw; height:100vh\"></div>\n    </div>\n</template>\n  \n<script>\n  export default {\n    name: 'TiandiMap',\n    data() {\n        return {\n            map: null,\n            showRes: false,\n            dataList: []\n        };\n    },\n    computed: {},\n    mounted() {\n        this.initMap();\n    },\n    methods: {\n        initMap() {\n            this.map = new T.Map('mapDiv');\n            const lnglat = new T.LngLat(116.40969,39.89945);\n            this.map.centerAndZoom(lnglat, 12);\n            this.getGeoLocation();\n        },\n        getGeoLocation() {\n            const lo = new T.Geolocation();\n            const fn = function (e) {\n                if (this.getStatus() == 0){\n                    this.map.centerAndZoom(e.lnglat, 15)\n                    const marker = new T.Marker(e.lnglat);\n                    this.map.addOverLay(marker);\n\n                }\n                if(this.getStatus() == 1){\n                    this.map.centerAndZoom(e.lnglat, e.level)\n                    const marker = new T.Marker(e.lnglat);\n                    this.map.addOverLay(marker);\n                }\n            }\n            lo.getCurrentPosition(fn);\n        },\n        searchFn () {\n            const localSearchResult = (result) => {\n                this.showRes = true;\n                this.dataList = result.pois;\n            }\n            const config = {\n                pageCapacity: 100, //每页显示的数量，最大100条\n                onSearchComplete: localSearchResult\t//接收数据的回调函数\n            };\n            //创建搜索对象\n            const localsearch = new T.LocalSearch(this.map, config);\n            localsearch.search(this.$refs.input.value);\n        },\n        toLocal(e) {\n            this.showRes = false;\n            const lnglat = e.lonlat?.split(',');\n            const marker = new T.Marker(new T.LngLat(Number(lnglat[0]), Number(lnglat[1])));\n            this.map.addOverLay(marker);\n            this.map.panTo(new T.LngLat(Number(lnglat[0]), Number(lnglat[1])));\n            const markerInfoWin = new T.InfoWindow(`地址：${e.address}`);\n            marker.addEventListener(\"click\", function () {\n                marker.openInfoWindow(markerInfoWin);\n            });\n        }\n    }\n  }\n</script>\n  \n<style scoped>\n.tiandimap {\n    position: relative;\n}\n.searchWrap{\n    position: absolute;\n    left: 16px;\n    top: 16px;\n    z-index: 2;\n    .search {\n        display: flex;\n        align-items: center;\n        .text {\n            border-top-left-radius: 2px;\n            border-bottom-left-radius: 2px;\n            border: none;\n            height: 30px;\n            width: 300px;\n            padding: 0 10px;\n            color: #606266;\n            border: 1px solid rgba(0, 0, 0, 0.15);\n            font-size: 14px;\n        }\n        .btn {\n            background-color: #0e71ff;\n            height: 32px;\n            line-height: 32px;\n            color: #fff;\n            font-size: 16px;\n            padding: 0 12px;\n            cursor: pointer;\n            border-top-right-radius: 2px;\n            border-bottom-right-radius: 2px;\n        }\n    }\n    .result {\n        width: 320px;\n        border-radius: 2px;\n        background-color: #fff;\n        max-height: 24vw;\n        overflow-y: scroll;\n        .item {\n            text-align: left;\n            padding: 8px 10px;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.15);\n            cursor: pointer;\n            .name {\n                font-size: 14px;\n                font-weight: 400;\n                color: #000;\n            }\n            .addr {\n                font-size: 12px;\n                font-weight: 400;\n                color: rgba(0, 0, 0, 0.65);\n                margin-left: 10px;\n            }\n        }\n    }\n}\n.map {\n    z-index: 1;\n}\n</style>\n  ","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=00dbcf1a&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=00dbcf1a&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"00dbcf1a\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","ref","on","searchFn","_v","showRes","_l","dataList","el","key","hotPointID","$event","toLocal","_s","name","address","_e","staticStyle","attrs","staticRenderFns","data","map","computed","mounted","initMap","methods","T","Map","lnglat","LngLat","centerAndZoom","getGeoLocation","lo","Geolocation","fn","e","getStatus","marker","Marker","addOverLay","level","getCurrentPosition","localSearchResult","result","pois","config","pageCapacity","onSearchComplete","localsearch","LocalSearch","search","$refs","input","value","lonlat","split","Number","panTo","markerInfoWin","InfoWindow","addEventListener","openInfoWindow","component"],"sourceRoot":""}