之前在微信企業(yè)號(hào)開發(fā):微信考勤中使用了百度地圖的定位組件，但發(fā)現(xiàn)在部分手機(jī)上會(huì)出現(xiàn)定位失敗的提示，于是有研究了一下百度地圖。原來使用的Web組件百度不打算更新了，也是重新查了一下百度地圖的其他API，還有一個(gè)JavaScript API大眾版，于是試了試，沒想到竟然解決了。

核心代碼很簡(jiǎn)單：

<div id="allmap"></div> 
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kkkk"></script> 
 <script type="text/javascript"> 
 // 百度地圖API功能 
 var map = new BMap.Map("allmap"); 
 var circle = new BMap.Geolocation(); 
 circle.getCurrentPosition(locationResult); // 
 map.addOverlay(circle); 
 function locationResult(geolocationResult) { 
  var Status = this.getStatus() 
  if (Status == 0)//檢索成功。對(duì)應(yīng)數(shù)值“0”。 
  { 
   $("#lng").val(geolocationResult.point.lng); 
   $("#lat").val(geolocationResult.point.lat); 
   var address = geolocationResult.address; 
   $("#city").val(address.city); 
   $("#district").val(address.district); 
   $("#street").val(address.street); 
   $("#address").val(address.province + address.city + address.district + address.street + address.street_number); 
  } 
  else { 
   alert("定位失敗錯(cuò)誤碼" + Status) 
  } 
 } 
</script>

實(shí)現(xiàn)效果

以上內(nèi)容給大家分享的微信企業(yè)公眾號(hào)開發(fā)之微信考勤百度地圖定位，代碼簡(jiǎn)單易懂，需要的朋友快來學(xué)習(xí)吧。

您可能感興趣的文章:

相關(guān)文章

JS中靜態(tài)頁面實(shí)現(xiàn)微信分享功能
小編使用ajax實(shí)現(xiàn)靜態(tài)頁面也能實(shí)現(xiàn)微信分享功能，今天小編給大家分享實(shí)現(xiàn)代碼，對(duì)js靜態(tài)頁面微信分享功能感興趣的朋友參考下本文
2017-02-02
JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析
這篇文章主要介紹了JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-08-08
window resize和scroll事件的基本優(yōu)化思路
在項(xiàng)目中使用scroll事件去加載數(shù)據(jù)，結(jié)果IE下悲劇了。下面為大家介紹下window resize和scroll事件的基本優(yōu)化思路,需要的朋友可以參考下
2014-04-04
JavaScript遍歷實(shí)現(xiàn)DFS算法和BFS算法
DFS(Depth?first?search)稱作「深度優(yōu)先遍歷」，BFS(Breadth?first?search)稱作「廣度優(yōu)先遍歷」。本文將通過JavaScript遍歷實(shí)現(xiàn)這兩種算法，需要的可以參考一下
2023-01-01
JavaScript正則表達(dá)式函數(shù)總結(jié)（常用）
正則表達(dá)式作為一種匹配處理字符串的利器在很多語言中都得到了廣泛實(shí)現(xiàn)和應(yīng)用.這篇文章主要介紹了JavaScript正則表達(dá)式函數(shù)總結(jié),需要的朋友可以參考下
2018-02-02
JavaScript Date對(duì)象詳解及時(shí)間戳和時(shí)間的相互轉(zhuǎn)換問題
這篇文章主要介紹了JavaScript Date對(duì)象詳解及時(shí)間戳和時(shí)間的相互轉(zhuǎn)換問題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2024-01-01
詳解微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs
這篇文章主要介紹了微信小程序獲取session_key,openid,unionid的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
js屏蔽鼠標(biāo)鍵盤(右鍵/Ctrl+N/Shift+F10/F11/F5刷新/退格鍵)
屏蔽鼠標(biāo)右鍵、Ctrl+N、Shift+F10、F11、F5刷新、退格鍵/Alt+ 方向鍵 →等等，太多了就不一一寫來了感興趣的朋友可以了解下啊，希望本文對(duì)你有所幫助
2013-01-01
ECMAScript?數(shù)據(jù)類型之Number類型
這篇文章主要介紹了?ECMAScript?數(shù)據(jù)類型之Number類型，Number類型使用IEEE?754格式表示整數(shù)和浮點(diǎn)值，更多相關(guān)內(nèi)容請(qǐng)需要的小伙伴參考下面文章內(nèi)容
2022-06-06
js制作輪播圖效果
這篇文章主要為大家詳細(xì)介紹了js制作輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10