zoukankan      html  css  js  c++  java
  • H5-geolocation学习

    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>
    

      

  • 相关阅读:
    5月26号
    5.17 Quartz笔记
    5.23Java各种对象(PO,BO,VO,DTO,POJO,DAO,Entity,JavaBean,JavaBeans)的区分
    5.23@Comfiguration的解释
    5月20号
    5.20
    java与C++不同之处(java不支持特性)
    递归算法之回溯
    0119
    linux打包及备份指令
  • 原文地址:https://www.cnblogs.com/chaofei/p/8052552.html
Copyright © 2011-2022 走看看