中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

百度地圖API在如何網(wǎng)站上展示十分鐘的步行圈?

2023-03-27    分類: 網(wǎng)站建設(shè)

隨著地圖應(yīng)用的發(fā)展,開(kāi)發(fā)了很多地圖API接口,網(wǎng)站使用地圖API也變得越來(lái)越頻繁,今天創(chuàng)新互聯(lián)給大家講下百度地圖API如何展示一個(gè)點(diǎn)或一座大廈的周邊環(huán)境,也可以叫步行圈,

首先看下展示圖片:
這就是用十分鐘的步行圈(周圍一千米),現(xiàn)在做房產(chǎn)網(wǎng)站時(shí)經(jīng)常會(huì)用的功能,就是一座大廈周邊有哪些便民信息,以便用戶通過(guò)了解大廈周邊情況來(lái)考慮是否租賃。使用案例可參考《快租街》網(wǎng)站。
很多網(wǎng)站地圖開(kāi)發(fā)的程序員可能已經(jīng)在百度地圖API示例找到相關(guān)的代碼了,不過(guò)由于輸出的列表信息是地圖API自帶的,所以無(wú)法更改樣式,需要擁有獨(dú)特的網(wǎng)站排版樣式,就得靠自己獲得接口的信息了,下面給大家講下如何用JS接口獲取這些列表信息的返回值,并標(biāo)注一些參數(shù)的使用說(shuō)明.
var map = new BMap.Map("l-map"); //初始化地圖
var mPoint = new BMap.Point(113.94442,22.527899); //初始化坐標(biāo)
var circle = new BMap.Circle(mPoint,1000,{fillColor:"red", strokeWeight: 1 ,fillOpacity: 0.0001, strokeOpacity: 0.5});//圓形初始化,自己可根據(jù)自己的需要對(duì)參數(shù)進(jìn)行修改
//strokeWeight 圓形區(qū)域的大小
//strokeOpacity:透明度,1為實(shí),不能為0,
//fillOpacity:區(qū)域內(nèi)的背景透明度,1為實(shí),0.01為透明
map.addOverlay(circle);//畫一個(gè)圓
最重要的一步,循環(huán)所有的坐標(biāo)點(diǎn):
for (var i = 0; i < results.getCurrentNumPois(); i ++){
var title = results.getPoi(i).title; //標(biāo)題
Var content =results.getPoi(i).address;//地址信息,包括公交站臺(tái),地鐵站點(diǎn)
var lng = results.getPoi(i).point.lng;//坐標(biāo)經(jīng)度
var lat = results.getPoi(i).point.lat;//坐標(biāo)緯度
}
local.searchNearby('公交',mPoint,1000);//1000是1000米的圓形范圍
local.disableAutoViewport();//自動(dòng)調(diào)整地圖視野功能
由以上信息就能把這些坐標(biāo)點(diǎn)集合在一起,然后組成一個(gè)JS的字符串,將這個(gè)字符串的內(nèi)容賦予一個(gè)div,如$(‘#map_result’).html(content);
詳細(xì)可見(jiàn)源文件,源文件還包括手機(jī)版的十分鐘的步行圈,頁(yè)面可直接打開(kāi)查看。

網(wǎng)站名稱:百度地圖API在如何網(wǎng)站上展示十分鐘的步行圈?
鏈接地址:http://www.rwnh.cn/news43/248043.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、網(wǎng)站營(yíng)銷網(wǎng)站策劃、ChatGPT、網(wǎng)站導(dǎo)航、網(wǎng)站維護(hù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作
津南区| 武清区| 自治县| 昌邑市| 金乡县| 皋兰县| 海阳市| 沙湾县| 安康市| 扎兰屯市| 汽车| 荔波县| 鹤壁市| 沂水县| 临夏县| 台江县| 开原市| 南川市| 芒康县| 古蔺县| 昌都县| 墨玉县| 万山特区| 正安县| 永靖县| 吴旗县| 屯门区| 太仓市| 六安市| 磐石市| 东光县| 阿拉善左旗| 治多县| 望都县| 青神县| 吴忠市| 文昌市| 图木舒克市| 清镇市| 巴塘县| 金华市|