快捷導(dǎo)航

如何調(diào)用百度地圖API實(shí)現(xiàn)手機(jī)自動(dòng)定位

更新時(shí)間：2015年09月07日 09:08:49 作者：小小中

api手機(jī)自動(dòng)定位，通過(guò)聲明地址解析器，獲取當(dāng)前坐標(biāo)，如何調(diào)用百度地圖api實(shí)現(xiàn)手機(jī)自動(dòng)定位呢？接下來(lái)，一起跟小編來(lái)學(xué)習(xí)吧。

最近由于項(xiàng)目需要，研究了下百度地圖定位，他們提供的實(shí)例基本都是用監(jiān)聽(tīng)器實(shí)現(xiàn)自動(dòng)定位的。我想實(shí)現(xiàn)一種效果：當(dāng)用戶進(jìn)入U(xiǎn)I時(shí)，不定位，用戶需要定位的時(shí)候，自己手動(dòng)點(diǎn)擊按鈕，再去定位當(dāng)前位置。經(jīng)過(guò)2天研究和咨詢，找到了解決方案，在此備忘一下。

//聲明地址解析器
var geoc = new BMap.Geocoder();
 
//自動(dòng)定位
var autoLocation = function () {
  if (navigator.geolocation) { //判斷瀏覽器是否能獲取當(dāng)前位置
    navigator.geolocation.getCurrentPosition(AddrSuc, AddrFail);
  }
  else {
    simpleNoty("無(wú)法自動(dòng)定位,請(qǐng)輸入您的用餐地址");
  }
}
 
//獲取當(dāng)前坐標(biāo)成功
function AddrSuc(param) {
  var lng = param.coords.longitude;
  var lat = param.coords.latitude;
  var point = new BMap.Point(lng, lat);
  //將gps坐標(biāo)轉(zhuǎn)換為百度地址坐標(biāo)
  BMap.Convertor.translate(point, 0, translateCallback);
}
 
//獲取坐標(biāo)失敗
function AddrFail(err) {
  showNotify("自動(dòng)定位失敗");
}
 
//坐標(biāo)轉(zhuǎn)換
function translateCallback(point) {
   
  geoc.getLocation(point, function (rs) {
    var addComp = rs.addressComponents; //查詢得到的地址對(duì)象組件
    //addComp.streetNumber：街道門(mén)牌號(hào)
    //addComp.city：城市
    //addComp.district：區(qū)
    //addComp.street：街道
    //addComp.province：省
    var address = addComp.city + addComp.district + addComp.street;
    var lng_t = point.lng; //經(jīng)度
    var lat_t = point.lat;  //緯度 
 
    $(".locationTxt").text("當(dāng)前位置:" + address);
  })
}

對(duì)象示例：

rs 對(duì)象：{point: H, address: "北京市朝陽(yáng)區(qū)廣順北大街", addressComponents: Object, surroundingPois: Array[0], business: "望京,來(lái)廣營(yíng),花家地"}
addressComponents 對(duì)象：{streetNumber: "", street: "廣順北大街", district: "朝陽(yáng)區(qū)", city: "北京市", province: "北京市"}

調(diào)用:

$(function(){
  aotuLocation();
});<br><br>

您可能感興趣的文章:

相關(guān)文章

Android開(kāi)發(fā)之WebView輸入框提示解決辦法
在做webview應(yīng)用時(shí)，當(dāng)輸入的文字過(guò)多時(shí)，輸入的提示箭頭會(huì)移動(dòng)到輸入框外，怎么解決這個(gè)問(wèn)題呢？下面小編給大家介紹Android開(kāi)發(fā)之WebView輸入框提示解決辦法，一起看看吧
2016-06-06
Android控件之Spinner用法實(shí)例分析
這篇文章主要介紹了Android控件之Spinner用法,以實(shí)例形式較為詳細(xì)的分析了Spinner控件模擬下拉列表的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
Android自定義view之圍棋動(dòng)畫(huà)效果的實(shí)現(xiàn)
這篇文章主要介紹了Android自定義view之圍棋動(dòng)畫(huà)效果的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-12-12
Android實(shí)現(xiàn)精確到天時(shí)分秒的搶購(gòu)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)精確到天時(shí)分秒的搶購(gòu)倒計(jì)時(shí)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-02-02
Android ScrollView實(shí)現(xiàn)下拉彈回動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了Android ScrollView實(shí)現(xiàn)下拉彈回動(dòng)畫(huà)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
Android利用屬性動(dòng)畫(huà)實(shí)現(xiàn)優(yōu)酷菜單
這篇文章主要為大家詳細(xì)介紹了Android利用屬性動(dòng)畫(huà)實(shí)現(xiàn)優(yōu)酷菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-01-01
Flutter將整個(gè)App變?yōu)榛疑暮?jiǎn)單實(shí)現(xiàn)方法
Flutter?是?Google?開(kāi)源的?UI?工具包,幫助開(kāi)發(fā)者通過(guò)一套代碼庫(kù)高效構(gòu)建多平臺(tái)精美應(yīng)用,這篇文章主要給大家介紹了關(guān)于Flutter將整個(gè)App變?yōu)榛疑膶?shí)現(xiàn)方法,在Flutter中實(shí)現(xiàn)整個(gè)App變?yōu)榛疑欠浅：?jiǎn)單的,需要的朋友可以參考下
2021-12-12
Android ActionBar制作時(shí)鐘實(shí)例解析
這篇文章主要為大家詳細(xì)介紹了Android ActionBar制作時(shí)鐘的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
Android使用自定義View實(shí)現(xiàn)橫行時(shí)間軸效果
這篇文章主要給大家介紹了關(guān)于Android使用自定義View實(shí)現(xiàn)橫行時(shí)間軸效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Android具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
深入淺出學(xué)習(xí)Android ListView基礎(chǔ)
這篇文章主要介紹了深入淺出的帶領(lǐng)大家學(xué)習(xí)Android ListView基礎(chǔ)，ListView是安卓里常用的控件，本文介紹一下常用用法，以及優(yōu)化等方法，感興趣的小伙伴們可以參考一下
2016-01-01