zoukankan      html  css  js  c++  java
  • html5的地理位置定位

    html5提供的地理位置定位使开发人员不用借助其他软件就能轻松实现位置查找,地图应用,导航等功能。

    地理位置定位基本原理
    GPS, WIFI, IP, 手机信号基站

    核心对象
    Geolocation是window.navigator下面的一个对象,该对象提供了实现地理位置定位的接口。
    要用该功能需先判断浏览器是否支持navigator.geolocation对象。

    navigator.geolocation.getCurrentPosition(success, error, options);

    success(position) 获取信息成功的回调函数
    对象:

    coords.latitude(十进制数的纬度)
    coords.longitude(十进制数的经度)
    coords.altitude(海拔,海平面以上以米计)
    coords.accuracy(位置精确度)
    coords.altitudeAccuracy(位置的海拔精度)
    coords.heading(方向,从正北开始以度计)
    coords.speed(速度,以米/每秒计)
    timestamp(响应的日期/时间)

    error(errorcode) 获取信息失败的回调函数

    code是错误代码
    message是错误信息

    options设置配置参数,对象

    enableHighAccuracy 表示是否允许使用高精度
    timeout指定超时时间
    maximumAge是指缓存的时间

    geolocation还有两个方法:
    1、watchPosition(success, error, options)表示重复获取地理位置,相当于不断执行getCurrentPosition。
    2、clearWatch()用来清除前一次获取的位置信息。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body></body>
    <script>
        if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                console.log("纬度:" + position.coords.latitude);
                console.log("经度:" + position.coords.longitude);
            }, function(error) {
                console.log(error.message);
            }, {});
        }
    </script>
    </html>
    




  • 相关阅读:
    关于技术开发部员工培训文稿
    关于CLR、CIL、CTS、CLS、CLI、BCL和FCL
    MSIL(IL)百科
    汇编百科
    exe文件百科
    解释一下.net平台的语言无关性和语言继承性
    关于视频流媒体服务器的学习记录
    Ubuntu18.04的下载与安装(全过程纪录)
    记主板的南桥芯片和北桥芯片作用及区别(“干南桥”)
    我的Java资料小栈-START
  • 原文地址:https://www.cnblogs.com/jkko123/p/6371969.html
Copyright © 2011-2022 走看看