JS百度地图API-根据地址批量获取经纬度

根据百度地图api 关键字检索获取地址的经纬度

<div id='container'></div>
<el-button class="box-button" type="primary" @click="latlng">维护经纬度</el-button>
export default {
		name: "companylatlng",
		data() {
			return {
				systemSettings:['河南大学','郑州大学','开封大学'],//地址数据
				datalist:[],//储存的获取信息
			}
		},
		methods: {
			latlng(){
				var _this=this
				var map = new BMap.Map('container');
				map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
				this.datalist=[]
				var local = new BMap.LocalSearch(map, {
					renderOptions:{map: map},
					onSearchComplete : function(results) {
						 console.log(results) //可以获取到经纬度,跟省市县信息
						 var obj = {}
						 if(results.Hr.length==0){
							 obj.Province=results.province
							 obj.city=results.city
							 _this.datalist.push(obj)
						 }else{
								 obj.Province=results.Hr[0].province   //默认取的第一个点
								 obj.city=results.Hr[0].city
								 obj.Address=results.Hr[0].address
								 obj.lat=results.Hr[0].point.lat
								 obj.lng=results.Hr[0].point.lng
								 _this.datalist.push(obj)
							 }
					 }
				});
				var list=this.systemSettings
				for(var i=0;i<list.length;i++){
					local.search(list[i])
				}		
			},
		}
}

获取到的数据
在这里插入图片描述

posted @   倔强的烤马铃薯  阅读(55)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
点击右上角即可分享
微信分享提示