如何調(diào)用百度地圖API實現(xiàn)手機自動定位
最近由于項目需要,研究了下百度地圖定位,他們提供的實例基本都是用監(jiān)聽器實現(xiàn)自動定位的。我想實現(xiàn)一種效果:當用戶進入UI時,不定位,用戶需要定位的時候,自己手動點擊按鈕,再去定位當前位置。經(jīng)過2天研究和咨詢,找到了解決方案,在此備忘一下。
//聲明地址解析器 var geoc = new BMap.Geocoder(); //自動定位 var autoLocation = function () { if (navigator.geolocation) { //判斷瀏覽器是否能獲取當前位置 navigator.geolocation.getCurrentPosition(AddrSuc, AddrFail); } else { simpleNoty("無法自動定位,請輸入您的用餐地址"); } } //獲取當前坐標成功 function AddrSuc(param) { var lng = param.coords.longitude; var lat = param.coords.latitude; var point = new BMap.Point(lng, lat); //將gps坐標轉(zhuǎn)換為百度地址坐標 BMap.Convertor.translate(point, 0, translateCallback); } //獲取坐標失敗 function AddrFail(err) { showNotify("自動定位失敗"); } //坐標轉(zhuǎn)換 function translateCallback(point) { geoc.getLocation(point, function (rs) { var addComp = rs.addressComponents; //查詢得到的地址對象組件 //addComp.streetNumber:街道門牌號 //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("當前位置:" + address); }) }
對象示例:
rs 對象 :{point: H, address: "北京市朝陽區(qū)廣順北大街", addressComponents: Object, surroundingPois: Array[0], business: "望京,來廣營,花家地"}
addressComponents 對象 :{streetNumber: "", street: "廣順北大街", district: "朝陽區(qū)", city: "北京市", province: "北京市"}
調(diào)用:
$(function(){ aotuLocation(); });<br><br>
相關(guān)文章
Android開發(fā)之WebView輸入框提示解決辦法
在做webview應(yīng)用時,當輸入的文字過多時,輸入的提示箭頭會移動到輸入框外,怎么解決這個問題呢?下面小編給大家介紹Android開發(fā)之WebView輸入框提示解決辦法,一起看看吧2016-06-06Android自定義view之圍棋動畫效果的實現(xiàn)
這篇文章主要介紹了Android自定義view之圍棋動畫效果的實現(xiàn),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-12-12Android ScrollView實現(xiàn)下拉彈回動畫效果
這篇文章主要為大家詳細介紹了Android ScrollView實現(xiàn)下拉彈回動畫效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08Android利用屬性動畫實現(xiàn)優(yōu)酷菜單
這篇文章主要為大家詳細介紹了Android利用屬性動畫實現(xiàn)優(yōu)酷菜單,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-01-01Flutter將整個App變?yōu)榛疑暮唵螌崿F(xiàn)方法
Flutter?是?Google?開源的?UI?工具包,幫助開發(fā)者通過一套代碼庫高效構(gòu)建多平臺精美應(yīng)用,這篇文章主要給大家介紹了關(guān)于Flutter將整個App變?yōu)榛疑膶崿F(xiàn)方法,在Flutter中實現(xiàn)整個App變?yōu)榛疑欠浅:唵蔚?需要的朋友可以參考下2021-12-12Android使用自定義View實現(xiàn)橫行時間軸效果
這篇文章主要給大家介紹了關(guān)于Android使用自定義View實現(xiàn)橫行時間軸效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用Android具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-12-12