html+仿百度外卖地址选择,百度外卖选择地址中的地图功能是怎么实现的?
可以實現,之前做過這個。不過需要自行 DIY 一些元素上去,比如那個固定大頭針(雖然自帶的有,可總歸是丑)和附近地點的列表。
有幾個類你需要了解:
通過?getLocation?可以對一個目標地點進行解析,回調中可以拿到一個?GeocoderResult?對象。
其中的?surroundingPois?屬性是一個數組,也就是附近的POI點信息,其他屬性比如?address?也可能會用到,你可以輸出下看看。
上面的數組中的每個元素是一個?LocalResultPoi?對象,可以通過它的屬性輸出你想要的信息。
示例:
var?map?=?new?BMap.Map('map');var?geocoder?=?new?BMap.Geocoder();var?point?=?new?BMap.Point(xxx,?xxx);??//標注所在的目標點geocoder.getLocation(point,?function(result)?{????console.log('address:?'?+?result.address);
var?pois?=?result.surroundingPois;
for(var?poi,?i?=?0,?len?=?pois.length;?i?
poi?=?pois[i];????????console.log('第'?+?i?+?'個POI,?title:?'?+?poi.title?+?',?address:?'?+?poi.address)
}
},?{????poiRadius:?500,??//?檢索范圍,單位:米
numPois:?10??//?返回的POI點個數});
至于你想怎么顯示,自己發揮吧。
總結
以上是生活随笔為你收集整理的html+仿百度外卖地址选择,百度外卖选择地址中的地图功能是怎么实现的?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html友情链接效果代码,HTML友情链
- 下一篇: html层次选择器例题,JQuery 层