像我們經常用的微信或微博,發表動態時都有選擇位置的功能,根據當前的定位獲取附近的地標。利用高德地圖我們就可以實現這樣的功能。
1. 具體代碼:
// 高德地圖查詢周邊 function aMapSearchNearBy(centerPoint, city) { AMap.service(["AMap.PlaceSearch"], function() { var placeSearch = new AMap.PlaceSearch({ pageSize: 10, // 每頁10條 pageIndex: 1, // 獲取第一頁 city: city // 指定城市名(如果你獲取不到城市名稱,這個參數也可以不傳,注釋掉) }); // 第一個參數是關鍵字,這里傳入的空表示不需要根據關鍵字過濾 // 第二個參數是經緯度,數組類型 // 第三個參數是半徑,周邊的范圍 // 第四個參數為回調函數 placeSearch.searchNearBy('', centerPoint, 1000, function(status, result) { if(result.info === 'OK') { var locationList = result.poiList.pois; // 周邊地標建築列表
// 生成地址列表html
createLocationHtml(locationList); } else { console.log('獲取位置信息失敗!'); } }); }); }
2. 調用方法
// 我這里隨便寫的經緯度 aMapSearchNearBy([114.30, 30.60], '武漢');
3. 實現的效果圖