快捷導(dǎo)航

微信企業(yè)號(hào)開(kāi)發(fā)之微信考勤百度地圖定位

更新時(shí)間：2015年09月11日 12:04:08 投稿：mrr

本文給大家介紹微信企業(yè)號(hào)開(kāi)發(fā)之微信考勤百度地圖定位，有需要的朋友參考下本篇文章

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

核心代碼很簡(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)開(kāi)發(fā)之微信考勤百度地圖定位，代碼簡(jiǎn)單易懂，需要的朋友快來(lái)學(xué)習(xí)吧。

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)萬(wàn)億數(shù)字轉(zhuǎn)中文的代碼詳解
在軟件開(kāi)發(fā)中,尤其是在中文處理的場(chǎng)景中,數(shù)字與語(yǔ)言的轉(zhuǎn)換是一個(gè)常見(jiàn)且具有挑戰(zhàn)性的任務(wù),在一些業(yè)務(wù)系統(tǒng)中,可能需要將阿拉伯?dāng)?shù)字轉(zhuǎn)換為中文數(shù)字,本文將介紹如何使用 JavaScript 將數(shù)字轉(zhuǎn)換成中文,幫助開(kāi)發(fā)者為相關(guān)的需求提供實(shí)現(xiàn)思路,需要的朋友可以參考下
2024-12-12
JavaScript定時(shí)器制作彈窗小廣告
這篇文章主要為大家詳細(xì)介紹了JavaScript定時(shí)器制作一個(gè)彈窗小廣告，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
BootStrap實(shí)現(xiàn)文件上傳并帶有進(jìn)度條效果
這篇文章主要介紹了BootStrap實(shí)現(xiàn)文件上傳并帶有進(jìn)度條效果，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下
2017-09-09
js實(shí)現(xiàn)右下角可關(guān)閉最小化div(可用于展示推薦內(nèi)容)
使用Javascript實(shí)現(xiàn)右下角可關(guān)閉最小化div，可以用于展示推薦內(nèi)容，完整源代碼如下，感興趣的各位可以參下哈，希望對(duì)大家有所幫助
2013-06-06
JavaScript可視化與Echarts詳細(xì)介紹
提到數(shù)據(jù)可視化相信大家都不陌生，它能夠?qū)我坏臄?shù)據(jù)通過(guò)合適的可視化圖表類(lèi)型表現(xiàn)出來(lái)，使其更加直觀的展現(xiàn)數(shù)據(jù)的變化趨勢(shì)、對(duì)比、峰值等等。其實(shí)在前端開(kāi)發(fā)中，數(shù)據(jù)可視化也尤為重要，在眾多圖表庫(kù)中，echarts就是最常見(jiàn)的圖表庫(kù)之一
2022-07-07
JavaScript中DOM和BOM原理詳析
這篇文章主要介紹了JavaScript中DOM和BOM原理詳析，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-09-09
js實(shí)現(xiàn)iGoogleDivDrag模塊拖動(dòng)層拖動(dòng)特效的方法
這篇文章主要介紹了js實(shí)現(xiàn)iGoogleDivDrag模塊拖動(dòng)層拖動(dòng)特效的方法,實(shí)例分析了javascript操作拖動(dòng)層的技巧,需要的朋友可以參考下
2015-03-03
javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
今天在使用document.createElement()動(dòng)態(tài)創(chuàng)建input時(shí)，發(fā)現(xiàn)不能為其name賦值，以下是測(cè)試代碼。
2009-10-10
頁(yè)面內(nèi)的tab導(dǎo)航需要在滾動(dòng)到視口頂部的時(shí)候進(jìn)行吸頂,這個(gè)功能算是比較常見(jiàn),也比較容易實(shí)現(xiàn),下面就跟隨小編一起學(xué)習(xí)一下JavaScript是如何實(shí)現(xiàn)元素吸頂效果的吧
2023-10-10