码迷,mamicode.com
首页 > 其他好文 > 详细

H5-geolocation学习

时间:2017-12-17 18:14:58      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:地址   set   ntb   ip库   htm   name   浏览器   ext   手机   

geolocation——定位
  PC——IP地址
    精度比较低
    IP库
      Chrome -> Google
  手机——GPS

  window.navigator.geolocation
    单次    getCurrentPosition(成功, 失败, 参数)
      enableHighAccuracy      高精度模式——更慢、更费电
      timeout                 超时
      maximumAge              缓存时间

      结果:
        latitude/longitude    纬度/经度
        altitude              海拔高度

        accuracy              精确度
        altitudeAccuracy      高度精确度
        heading               朝向
        speed                 速度
    监听    watchPosition(成功, 失败, 参数)

 demo;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript">
    window.onload=function (){
      let oBtn=document.getElementById(‘btn1‘);

      oBtn.onclick=function (){
        if(window.navigator.geolocation){
          navigator.geolocation.getCurrentPosition(res=>{
            alert(‘成功‘);
          }, err=>{
            alert(‘失败‘);
          }, {
            /*
            enableHighAccuracy          //高精度模式
            timeout                     //超时时间
            maximumAge                  //缓存
            */
          });
        }else{
          alert(‘你的浏览器不支持定位‘);
        }
      };
    };
    </script>
    <title></title>
  </head>
  <body>
    <input type="button" name="" value="定位" id="btn1">
  </body>
</html>

  

H5-geolocation学习

标签:地址   set   ntb   ip库   htm   name   浏览器   ext   手机   

原文地址:http://www.cnblogs.com/chaofei/p/8052552.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!