{"ast":null,"code":"import \"core-js/modules/esnext.iterator.map.js\";\nexport 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        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,\n        //每页显示的数量，最大100条\n        onSearchComplete: localSearchResult //接收数据的回调函数\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};","map":{"version":3,"names":["name","data","map","showRes","dataList","computed","mounted","initMap","methods","T","Map","lnglat","LngLat","centerAndZoom","getGeoLocation","lo","Geolocation","fn","e","getStatus","marker","Marker","addOverLay","level","getCurrentPosition","searchFn","localSearchResult","result","pois","config","pageCapacity","onSearchComplete","localsearch","LocalSearch","search","$refs","input","value","toLocal","lonlat","split","Number","panTo","markerInfoWin","InfoWindow","address","addEventListener","openInfoWindow"],"sources":["src/views/Home/index.vue"],"sourcesContent":["<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  "],"mappings":";AAgBA;EACAA,IAAA;EACAC,KAAA;IACA;MACAC,GAAA;MACAC,OAAA;MACAC,QAAA;IACA;EACA;EACAC,QAAA;EACAC,QAAA;IACA,KAAAC,OAAA;EACA;EACAC,OAAA;IACAD,QAAA;MACA,KAAAL,GAAA,OAAAO,CAAA,CAAAC,GAAA;MACA,MAAAC,MAAA,OAAAF,CAAA,CAAAG,MAAA;MACA,KAAAV,GAAA,CAAAW,aAAA,CAAAF,MAAA;MACA,KAAAG,cAAA;IACA;IACAA,eAAA;MACA,MAAAC,EAAA,OAAAN,CAAA,CAAAO,WAAA;MACA,MAAAC,EAAA,YAAAA,CAAAC,CAAA;QACA,SAAAC,SAAA;UACA,KAAAjB,GAAA,CAAAW,aAAA,CAAAK,CAAA,CAAAP,MAAA;UACA,MAAAS,MAAA,OAAAX,CAAA,CAAAY,MAAA,CAAAH,CAAA,CAAAP,MAAA;UACA,KAAAT,GAAA,CAAAoB,UAAA,CAAAF,MAAA;QAEA;QACA,SAAAD,SAAA;UACA,KAAAjB,GAAA,CAAAW,aAAA,CAAAK,CAAA,CAAAP,MAAA,EAAAO,CAAA,CAAAK,KAAA;UACA,MAAAH,MAAA,OAAAX,CAAA,CAAAY,MAAA,CAAAH,CAAA,CAAAP,MAAA;UACA,KAAAT,GAAA,CAAAoB,UAAA,CAAAF,MAAA;QACA;MACA;MACAL,EAAA,CAAAS,kBAAA,CAAAP,EAAA;IACA;IACAQ,SAAA;MACA,MAAAC,iBAAA,GAAAC,MAAA;QACA,KAAAxB,OAAA;QACA,KAAAC,QAAA,GAAAuB,MAAA,CAAAC,IAAA;MACA;MACA,MAAAC,MAAA;QACAC,YAAA;QAAA;QACAC,gBAAA,EAAAL,iBAAA;MACA;MACA;MACA,MAAAM,WAAA,OAAAvB,CAAA,CAAAwB,WAAA,MAAA/B,GAAA,EAAA2B,MAAA;MACAG,WAAA,CAAAE,MAAA,MAAAC,KAAA,CAAAC,KAAA,CAAAC,KAAA;IACA;IACAC,QAAApB,CAAA;MACA,KAAAf,OAAA;MACA,MAAAQ,MAAA,GAAAO,CAAA,CAAAqB,MAAA,EAAAC,KAAA;MACA,MAAApB,MAAA,OAAAX,CAAA,CAAAY,MAAA,KAAAZ,CAAA,CAAAG,MAAA,CAAA6B,MAAA,CAAA9B,MAAA,MAAA8B,MAAA,CAAA9B,MAAA;MACA,KAAAT,GAAA,CAAAoB,UAAA,CAAAF,MAAA;MACA,KAAAlB,GAAA,CAAAwC,KAAA,KAAAjC,CAAA,CAAAG,MAAA,CAAA6B,MAAA,CAAA9B,MAAA,MAAA8B,MAAA,CAAA9B,MAAA;MACA,MAAAgC,aAAA,OAAAlC,CAAA,CAAAmC,UAAA,OAAA1B,CAAA,CAAA2B,OAAA;MACAzB,MAAA,CAAA0B,gBAAA;QACA1B,MAAA,CAAA2B,cAAA,CAAAJ,aAAA;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}