vue百度地图，获取点击经纬度的省市区

最新推荐文章于 2024-03-02 10:31:45 发布

奥特曼老师

最新推荐文章于 2024-03-02 10:31:45 发布

阅读量2.1k

点赞数 1

分类专栏：地图文章标签： vue.js 百度前端

本文链接：https://blog.csdn.net/Principal_Z/article/details/121948025

版权

地图专栏收录该内容

2 篇文章 0 订阅

订阅专栏

核心：

使用 baidu-map 的 click 方法
BMap.Geocoder() 下的 getLocation({lng, lat}, function(result) {})

<baidu-map
    :zoom="10"
    @ready="handleReady"
    @click="clickInfo"
    :scroll-wheel-zoom="true"
    :center="center"
    :mapClick="false">
</baidu-map>

methods: {
	handleReady({ BMap, map }) {
		this.BMap = BMap
		this.map = map
	},
	clickInfo(e) {
		if (e.type == 'click') {
			new this.BMap.Geocoder().getLocation(e.point, res => {
			    console.log(res, 'result.addressComponents')
				let result = res.addressComponents
			})
		}
	}
}