H5-geolocation学习

weixin_30521161

于 2017-12-17 16:53:00 发布

阅读量63

点赞数

原文链接：http://www.cnblogs.com/chaofei/p/8052552.html

版权

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.οnlοad=function (){
      let oBtn=document.getElementById('btn1');

      oBtn.οnclick=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>

转载于:https://www.cnblogs.com/chaofei/p/8052552.html

weixin_30521161

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5-geolocation学习

geolocation——定位 PC——IP地址精度比较低 IP库 Chrome -> Google 手机——GPS window.navigator.geolocation 单次 getCurrentPosition(成功, 失败, 参数) enableHighAccuracy 高精度模式...
复制链接

扫一扫