首頁 > web前端 > js教程 > 微信企業號開發之微信考勤百度地圖定位_javascript技巧

微信企業號開發之微信考勤百度地圖定位_javascript技巧

WBOY
發布: 2016-05-16 15:39:51
原創
3260 人瀏覽過

之前在微信企業號開發:微信考勤中使用了百度地圖的定位組件,但發現在部分手機上會出現定位失敗的提示,於是有研究了一下百度地圖。原本使用的Web元件百度不打算更新了,也是重新查了一下百度地圖的其他API,還有一個JavaScript API大眾版,於是試了試,沒想到竟然解決了。

核心程式碼很簡單:

<div id="allmap"></div> 
 <script type="text/javascript" src="http://api.map.baidu.com/api&#63;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)//检索成功。对应数值“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("定位失败错误码" + Status) 
  } 
 } 
</script> 
登入後複製

實現效果


以上內容給大家分享的微信企業公眾號開發之微信考勤百度地圖定位,代碼簡單易懂,需要的朋友快來學習吧。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板