通过地址获取实景(静态) 百度api

今天接到一个需求,需要根据一个小区的地址,去获取该小区的图片,
1.申请百度api 引入api

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&ak=你的AK"></script>

2.建一个百度地图,根据地图返回经纬度

var map = new BMap.Map("container");
map.centerAndZoom("宁波", 18);
 var localSearch = new BMap.LocalSearch(map);
	localSearch.enableAutoViewport(); //允许自动调节窗体大小
	ar jw = []
	for (let i = 0; i < arr.length; i++) {
		localSearch.search(arr[i])
	 }
	localSearch.setSearchCompleteCallback((searchResult) => {
		let i = arr.indexOf(searchResult.keyword)
		var poi = searchResult.getPoi(0);
		// 获取经纬度
		jw.push(poi.point.lng + "," + poi.point.lat)
		srcList = "https://api.map.baidu.com/panorama/v2?&width=512&height=256&location=" + poi.point.lng + "," + poi.point.lat + "&ak=" + "qbR8UzgxC5cxc0Rl4idAt7jpzvhyCqCQ"
		document.querySelectorAll("img")[i].src = srcList
		// 	// 改变
			map.centerAndZoom(poi.point, 13);
				});

3.根据经纬度 拼接src的地址 ,替换原本的图片

srcList = "https://api.map.baidu.com/panorama/v2?&width=512&height=256&location=" + poi.point.lng + "," + poi.point.lat + "&ak=" + "qbR8UzgxC5cxc0Rl4idAt7jpzvhyCqCQ"
document.querySelectorAll("img")[i].src = srcList
					

成品如下