{"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      mapInfo: {},\n      timer: null\n    };\n  },\n  computed: {},\n  mounted() {\n    this.initMap();\n    // 等待uniapp加载完成后发送信息\n    document.addEventListener('UniAppJSBridgeReady', async function () {\n      this.timer = setInterval(async () => {\n        if (this.mapInfo.city) {\n          clearInterval(this.timer);\n          // eslint-disable-next-line no-undef\n          uni.postMessage({\n            data: {\n              title: '天地图',\n              mapInfo: this.mapInfo\n            }\n          });\n        } else {\n          this.getAddressZh(this.mapInfo.longitude, this.mapInfo.latitude);\n        }\n      }, 500);\n    });\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    getAddressZh(lng, lat) {\n      this.mapInfo = {\n        ...this.mapInfo,\n        longitude: lng,\n        latitude: lat\n      };\n      let geocoder = new T.Geocoder();\n      geocoder.getLocation(new T.LngLat(lng, lat), result => {\n        const addressComponent = result.getAddressComponent();\n        this.mapInfo = {\n          ...this.mapInfo,\n          city: addressComponent.city,\n          address: result.getAddress()\n        };\n      });\n    },\n    getGeoLocation() {\n      const lo = new T.Geolocation();\n      const fn = function (e) {\n        if (this.getStatus() == 0) {\n          this.getAddressZh(e.lnglat.lng, e.lnglat.lat);\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.getAddressZh(e.lnglat.lng, e.lnglat.lat);\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","mapInfo","timer","computed","mounted","initMap","document","addEventListener","setInterval","city","clearInterval","uni","postMessage","title","getAddressZh","longitude","latitude","methods","T","Map","lnglat","LngLat","centerAndZoom","getGeoLocation","lng","lat","geocoder","Geocoder","getLocation","result","addressComponent","getAddressComponent","address","getAddress","lo","Geolocation","fn","e","getStatus","marker","Marker","addOverLay","level","getCurrentPosition","searchFn","localSearchResult","pois","config","pageCapacity","onSearchComplete","localsearch","LocalSearch","search","$refs","input","value","toLocal","lonlat","split","Number","panTo","markerInfoWin","InfoWindow","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            mapInfo: {},\n            timer: null\n        };\n    },\n    computed: {},\n    mounted() {\n        this.initMap();\n        // 等待uniapp加载完成后发送信息\n        document.addEventListener('UniAppJSBridgeReady', async function() {\n            this.timer = setInterval(async()=>{\n                if(this.mapInfo.city) {\n                    clearInterval(this.timer);\n                    // eslint-disable-next-line no-undef\n                    uni.postMessage({\n                        data: {\n                            title: '天地图',\n                            mapInfo: this.mapInfo\n                        }\n                    });\n                }else{\n                    this.getAddressZh(this.mapInfo.longitude, this.mapInfo.latitude)\n                }\n            }, 500)\n        });\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        getAddressZh(lng, lat) {\n            this.mapInfo = {\n                ...this.mapInfo,\n                longitude: lng,\n                latitude: lat,\n            }\n            let geocoder = new T.Geocoder();\n            geocoder.getLocation(new T.LngLat(lng, lat), (result) => {\n                const addressComponent = result.getAddressComponent();\n                this.mapInfo = {\n                    ...this.mapInfo,\n                    city: addressComponent.city,\n                    address: result.getAddress()\n                }\n            });\n        },\n        getGeoLocation() {\n            const lo = new T.Geolocation();\n            const fn = function (e) {\n                if (this.getStatus() == 0){\n                    this.getAddressZh(e.lnglat.lng, e.lnglat.lat);\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.getAddressZh(e.lnglat.lng, e.lnglat.lat);\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":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}