手機(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)求獲取用戶位置超時(shí)");  
                  break;  
              case e.PERMISSION_DENIED:  
                  alert("您拒絕了使用位置服務(wù)功能,查詢已取消");  
                  break;  
              case e.POSITION_UNAVAILABLE:  
                  alert("抱歉,暫時(shí)無法為您所在的星球提供位置服務(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)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,027評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,284評(píng)論 4 61
  • 或許會(huì)遺憾當(dāng)初放開了她,卻是因?yàn)橛浐拮约耗敲瓷钋椤?或許我們不該相遇,也不該那么用情。最后你卻是最灑脫的那一個(gè)。 ...
    劍指閱讀 165評(píng)論 0 0
  • 最近代購這個(gè)事兒鬧得真是沸沸揚(yáng)揚(yáng)的。我想說幾句。 個(gè)人覺得這幾年的大環(huán)境不太好。經(jīng)濟(jì)也不景氣,人都戾氣十足。過去有...
    耶錦行閱讀 1,009評(píng)論 0 2
  • 堅(jiān)強(qiáng)是不需要任何理由的,有了理由,就不會(huì)堅(jiān)強(qiáng),不會(huì)一往無前的走下去。堅(jiān)強(qiáng),不需要任何的憐憫和包容,倘若遇到,就會(huì)有...
    Y惡惡閱讀 174評(píng)論 0 0

友情鏈接更多精彩內(nèi)容