百度地圖API應(yīng)用之獲取用戶的具體位置
更新時(shí)間:2014年06月10日 08:54:57 作者:
以前一直用高德地圖的API,后來因?yàn)樾枨?,必須用百度的地圖API。這些API都已經(jīng)封裝的很智能了,只需要一定的編程思維,就很簡單可以實(shí)現(xiàn)功能。
功能的大概:用戶通過點(diǎn)擊地圖上面的位置,在地圖上面進(jìn)行描點(diǎn),然后再把獲取的到的地理位置保存到地圖上面的地址欄目中。
主要是百度地圖API的使用
復(fù)制代碼 代碼如下:
var map = new BMap.Map("allmap"); //實(shí)例化一個(gè)地圖對象
var point = new BMap.Point(116.331398,39.897445); //設(shè)置地圖中心的位置
map.centerAndZoom(point,12); //設(shè)置地圖元素的可視層
map.enableScrollWheelZoom(); //啟用滾輪放大縮小,默認(rèn)禁用
map.enableContinuousZoom(); //啟用地圖慣性拖拽,默認(rèn)禁用
function myFun(result){
var cityName = result.name;
map.setCenter(cityName);
}
var myCity = new BMap.LocalCity();
myCity.get(myFun);
i=0
//點(diǎn)擊獲取坐標(biāo)
map.addEventListener("click",function(e){
if(i === 0)
{
//存儲經(jīng)緯度
lng = e.point.lng;
lat = e.point.lat;
//在地圖上面描點(diǎn)
var marker = new BMap.Marker(new BMap.Point(lng,lat)); // 創(chuàng)建標(biāo)注
map.addOverlay(marker);
marker.enableDragging(); //可拖拽
var gc = new BMap.Geocoder();
//獲取地址的數(shù)據(jù)地址
var pt = e.point;
gc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
//畫圖
var label = new BMap.Label(address,{offset:new BMap.Size(20,-10)});
marker.setLabel(label);
});
i=1;
}
});
上面的代碼基本都是百度提供的DOME 我只是做了一些簡單組合。。 慚愧呀
您可能感興趣的文章:
- 基于jquery實(shí)現(xiàn)的類似百度搜索的輸入框自動完成功能
- 免費(fèi)開源百度編輯器(UEditor)使用方法
- 百度地圖api應(yīng)用標(biāo)注地理位置信息(js版)
- JS仿百度搜索自動提示框匹配查詢功能
- 零基礎(chǔ)寫Java知乎爬蟲之先拿百度首頁練練手
- 基于jquery的仿百度搜索框效果代碼
- js 調(diào)用百度地圖api并在地圖上進(jìn)行打點(diǎn)添加標(biāo)注
- 百度地圖API之本地搜索與范圍搜索
- java調(diào)用百度定位api服務(wù)獲取地理位置示例
- android實(shí)現(xiàn)百度地圖自定義彈出窗口功能
- 百度判斷手機(jī)終端并自動跳轉(zhuǎn)js代碼及使用實(shí)例
- 百度地圖API使用方法詳解
- 讓input框?qū)崿F(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽)
- 百度前臺js筆試題與答案
- Android百度地圖定位后獲取周邊位置的實(shí)現(xiàn)代碼
- Python使用Socket(Https)Post登錄百度的實(shí)現(xiàn)代碼
- 百度實(shí)時(shí)推送api接口應(yīng)用示例
- PHP利用熊掌號提交api向熊掌號批量提交網(wǎng)站url
相關(guān)文章
thinkphp5框架前后端分離項(xiàng)目實(shí)現(xiàn)分頁功能的方法分析
這篇文章主要介紹了thinkphp5框架前后端分離項(xiàng)目實(shí)現(xiàn)分頁功能的方法,結(jié)合實(shí)例形式分析了thinkPHP5前后端分離項(xiàng)目的分頁功能常見實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-10-10
Symfony2框架學(xué)習(xí)筆記之表單用法詳解
這篇文章主要介紹了Symfony2框架學(xué)習(xí)筆記之表單用法,結(jié)合實(shí)例形式詳細(xì)分析了Symfony2針對表單的創(chuàng)建,校驗(yàn),提交等各種常用技巧,需要的朋友可以參考下2016-03-03
CI使用Tank Auth轉(zhuǎn)移數(shù)據(jù)庫導(dǎo)致密碼用戶錯誤的解決辦法
Tank Auth是針對Codeigniter的權(quán)限管理類庫,功能很強(qiáng)大。但是將數(shù)據(jù)庫轉(zhuǎn)到另一臺服務(wù)器上,會出現(xiàn)之前的用戶名和密碼都無法登錄的情況。這篇文章主要介紹了CI使用Tank Auth轉(zhuǎn)移數(shù)據(jù)庫導(dǎo)致密碼用戶錯誤的解決辦法,需要的朋友可以參考下2014-06-06
在Laravel中實(shí)現(xiàn)使用AJAX動態(tài)刷新部分頁面
今天小編就為大家分享一篇在Laravel中實(shí)現(xiàn)使用AJAX動態(tài)刷新部分頁面,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
php基于curl擴(kuò)展制作跨平臺的restfule 接口
這篇文章主要介紹了php基于curl擴(kuò)展制作跨平臺的restfule 接口的相關(guān)資料以及詳細(xì)的代碼,有需要的小伙伴可以參考下。2015-05-05

