手機(jī)H5獲取地理位置

手機(jī)H5想要獲取地理位置需要的工具,或者API:

百度地址api

手機(jī)H5獲取地理位置圈膏,直接上代碼塔猾,


<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <style type="text/css">
    body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";}
  </style>

  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak密鑰"></script>

  <title>地址解析</title>

</head>
<body>
  <div id="allmap"></div>
</body>
</html>
<script type="text/javascript">

if(navigator.geolocation){  
  navigator.geolocation.getCurrentPosition(  
      function(p){  
          var latitude=p.coords.latitude;//獲取坐標(biāo)點(diǎn)緯度  
          var longitude=p.coords.longitude;//獲取坐標(biāo)點(diǎn)經(jīng)度  
          //以指定的經(jīng)度與緯度創(chuàng)建一個(gè)坐標(biāo)點(diǎn)  
          var po=new BMap.Point(longitude,latitude);  
          //創(chuàng)建一個(gè)地理解析器  
          var geocoder=new BMap.Geocoder();  
          //獲取位置  
          geocoder.getLocation(po,function(rs){  
              //獲取地理組件  
              var addComp=rs.addressComponents;  
              //獲取省份  
              var province=addComp.province;  
              //獲取城市  
              var city=addComp.city;  
              //獲取區(qū)縣  
              var district=addComp.district;  
              //獲取街道  
              var street=addComp.street;  
              //獲取街道號(hào)  
              var streetNumber=addComp.streetNumber; 

              alert(latitude);
              alert(longitude);
              alert(province+city+district+street+streetNumber);

          });  
      },function(e){  
          switch (e.code) {  
              case e.TIMEOUT:  
                  alert("定位失敗,請(qǐng)求獲取用戶(hù)位置超時(shí)");  
                  break;  
              case e.PERMISSION_DENIED:  
                  alert("您拒絕了使用位置服務(wù)功能稽坤,查詢(xún)已取消");  
                  break;  
              case e.POSITION_UNAVAILABLE:  
                  alert("抱歉丈甸,暫時(shí)無(wú)法為您所在的星球提供位置服務(wù)");  
                  break;  
              case e.UNKNOWN_ERROR:  
                  alert("發(fā)生一個(gè)位置錯(cuò)誤");  
                  break;  
          }  
      },{  
          //指示瀏覽器獲取高精度的位置,默認(rèn)false  
          enableHighAcuracy: true,  
          //指定獲取地理位置的超時(shí)時(shí)間尿褪,默認(rèn)不限時(shí)睦擂,單位為毫秒  
          timeout:5000,  
          //最長(zhǎng)有效期,在重復(fù)獲取地理位置時(shí)杖玲,此參數(shù)指定多久再次獲取位置  
          maximumAge:2000  
      }  
  );  
}else{  
  alert("不支持");  
} 

</script>

[獲取授權(quán)]

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末顿仇,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌夺欲,老刑警劉巖跪帝,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異些阅,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)斑唬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)市埋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人恕刘,你說(shuō)我怎么就攤上這事缤谎。” “怎么了褐着?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵坷澡,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我含蓉,道長(zhǎng)频敛,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任馅扣,我火速辦了婚禮斟赚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘差油。我一直安慰自己拗军,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布蓄喇。 她就那樣靜靜地躺著发侵,像睡著了一般。 火紅的嫁衣襯著肌膚如雪刃鳄。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,772評(píng)論 1 290
  • 那天铲汪,我揣著相機(jī)與錄音掌腰,去河邊找鬼。 笑死齿梁,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的创南。 我是一名探鬼主播省核,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼邻储!你這毒婦竟也來(lái)了旧噪?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宦赠,失蹤者是張志新(化名)和其女友劉穎米母,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體爱咬,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡精拟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了栅表。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片师枣。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖洗贰,靈堂內(nèi)的尸體忽然破棺而出陨倡,到底是詐尸還是另有隱情,我是刑警寧澤兴革,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布蜜唾,位于F島的核電站袁余,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏颖榜。R本人自食惡果不足惜述召,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧怪与,春花似錦、人聲如沸分别。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)括授。三九已至,卻和暖如春荚虚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背版述。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工渴析, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人俭茧。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像民傻,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子漓踢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,749評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)奴迅、插件挺据、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,059評(píng)論 4 62
  • 或許會(huì)遺憾當(dāng)初放開(kāi)了她,卻是因?yàn)橛浐拮约耗敲瓷钋椤?或許我們不該相遇暇检,也不該那么用情。最后你卻是最灑脫的那一個(gè)块仆。 ...
    劍指閱讀 151評(píng)論 0 0
  • 最近代購(gòu)這個(gè)事兒鬧得真是沸沸揚(yáng)揚(yáng)的王暗。我想說(shuō)幾句。 個(gè)人覺(jué)得這幾年的大環(huán)境不太好俗壹。經(jīng)濟(jì)也不景氣,人都戾氣十足绷雏。過(guò)去有...
    耶錦行閱讀 973評(píng)論 0 2
  • 堅(jiān)強(qiáng)是不需要任何理由的之众,有了理由,就不會(huì)堅(jiān)強(qiáng)棺禾,不會(huì)一往無(wú)前的走下去。堅(jiān)強(qiáng)膘婶,不需要任何的憐憫和包容,倘若遇到悬襟,就會(huì)有...
    Y惡惡閱讀 140評(píng)論 0 0