手机H5获取地理位置

手机H5想要获取地理位置需要的工具,或者API:

百度地址api

手机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;//获取坐标点纬度  
          var longitude=p.coords.longitude;//获取坐标点经度  
          //以指定的经度与纬度创建一个坐标点  
          var po=new BMap.Point(longitude,latitude);  
          //创建一个地理解析器  
          var geocoder=new BMap.Geocoder();  
          //获取位置  
          geocoder.getLocation(po,function(rs){  
              //获取地理组件  
              var addComp=rs.addressComponents;  
              //获取省份  
              var province=addComp.province;  
              //获取城市  
              var city=addComp.city;  
              //获取区县  
              var district=addComp.district;  
              //获取街道  
              var street=addComp.street;  
              //获取街道号  
              var streetNumber=addComp.streetNumber; 

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

          });  
      },function(e){  
          switch (e.code) {  
              case e.TIMEOUT:  
                  alert("定位失败,请求获取用户位置超时");  
                  break;  
              case e.PERMISSION_DENIED:  
                  alert("您拒绝了使用位置服务功能,查询已取消");  
                  break;  
              case e.POSITION_UNAVAILABLE:  
                  alert("抱歉,暂时无法为您所在的星球提供位置服务");  
                  break;  
              case e.UNKNOWN_ERROR:  
                  alert("发生一个位置错误");  
                  break;  
          }  
      },{  
          //指示浏览器获取高精度的位置,默认false  
          enableHighAcuracy: true,  
          //指定获取地理位置的超时时间,默认不限时,单位为毫秒  
          timeout:5000,  
          //最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置  
          maximumAge:2000  
      }  
  );  
}else{  
  alert("不支持");  
} 

</script>

[获取授权]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,986评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,429评论 4 61
  • 或许会遗憾当初放开了她,却是因为记恨自己那么深情。 或许我们不该相遇,也不该那么用情。最后你却是最洒脱的那一个。 ...
    剑指阅读 1,274评论 0 0
  • 最近代购这个事儿闹得真是沸沸扬扬的。我想说几句。 个人觉得这几年的大环境不太好。经济也不景气,人都戾气十足。过去有...
    耶锦行阅读 4,507评论 0 2
  • 坚强是不需要任何理由的,有了理由,就不会坚强,不会一往无前的走下去。坚强,不需要任何的怜悯和包容,倘若遇到,就会有...
    Y恶恶阅读 1,292评论 0 0

友情链接更多精彩内容