H5-geolocation学习

Posted 逗比煎饼侠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

  

以上是关于H5-geolocation学习的主要内容,如果未能解决你的问题,请参考以下文章

java SpringRetry学习的代码片段

python 机器学习有用的代码片段

学习笔记:python3,代码片段(2017)

学习 PyQt5。在我的代码片段中找不到错误 [关闭]

PHP必用代码片段

Kotlin学习之旅解决错误:kotlin.NotImplementedError: An operation is not implemented: Not yet implemented(代码片段