您的位置:1010cc时时彩经典版 > 1010cc时时彩客户端 > 1010cc时时彩经典版使用地理定位,Geolocation地理位

1010cc时时彩经典版使用地理定位,Geolocation地理位

发布时间:2019-08-12 07:50编辑:1010cc时时彩客户端浏览(170)

    html5之使用地理定位

    1)使用地理定位:

    通过navigator.geolocation访问地理定位功能,再次回到三个吉优location对象;

    1.1)吉优location对象成员:

    getCurrentPosition(callback,errorCallback,options)——获取当前岗位;

    watchPosition(callback,error,options)——开首监察和控制当前岗位;

    clearWatch(id)——截至监察和控制当前岗位;

    1.1.1)浏览器调用getCurrentPosition的callback函数的参数时,会传来一个提供岗位详细情形的position对象;

    position对象成员:

    coords——再次来到当前地点的坐标,即Coordinates对象;

    timestamp——再次回到获取坐标音讯的日子;

    Coordinates对象成员:

    latitude——重回用十进制表示的纬度;

    longitude——重返用十进制表示的经度;

    altitude——重回用米表示的海拔中度;

    accuracy——重返用米表示的坐标精度;

    altitudeAccuracy——重返用米表示的海拔精度;

    heading——再次回到耗费表示的行动方向;

    speed——重回用米/秒表示的步履速度;

    2)管理地理定位错误:

    getCurrentPosition(callback,errorCallback,options)方法的第三个参数,它让大家得以钦定三个函数,在获 取地方爆发错误时调用它。此函数会博得多少个PositionError对象;

    PositionError对象成员:

    code——再次来到代表错误类型的代码;

    =1——用户未授权行使地理定位作用;

    =2——无法鲜明地点;

    =3——须要地方的尝尝已过期;

    message——再次来到描述失实的字符串;

    3)内定地理定位选项:

    getCurrentPosition(callback,errorCallback,options)方法提供的第几个参数是二个PositionOptions对象。

    PositionOptions对象的成员:

    enableHighAccuracy——告诉浏览器大家期望得到恐怕的极品结果;

    timeout——限制乞请地点的平地风波,设置某些皮秒后会报告一个过期错误;

    maximumAge——告诉浏览器大家愿意接受缓存过的职位,只要它不早于钦命的阿秒数;

    4)监控地点:

    watchPosition方法不断获得有关地点的立异。所需参数与getCurrentPosition方法一致,工作议程也完全一样。

    分别在于:随着地点产生转移,回调函数会被反复地调用。

     

           table{
               border-collapse: collapse;
           }
            th,td{
                padding: 4px;
            }
            th{
                text-align: right;
            }
    
    经度: - 纬度: -
    海拔高度: - 坐标精度: -
    海拔精度: - 行进方向: -
    速度: - 时间: -
    错误类型: - 错误信息 -
    Cancel Watch
    
            var options={
                enableHighAccuracy:false,
                timeout:2000,
                maximumAge:30000
            }
            var WatchID=navigator.geolocation.watchPosition(displayPosition,handleError,options)
            document.getElementById(pressme).onclick=function(e){
                navigator.geolocation.clearWatch(WatchID);
            }
            function displayPosition(pos){
                var properties=[longitude,latitude,altitude,accuracy,altitudeAccuracy,heading,speed];
                for(var i=0;i  
    

    1)使用地理定位: 通过navigator.geolocation访问地理定位功用,再次回到二个吉优location对象; 1.1)吉优location对象成员: getCurren...

    HTML5 吉优location API是骤增的地理地方应用程序接口。它提供了一个足以确切感知浏览器用户日前地理地方的格局。倘诺浏览器帮助,且设备具有定位功能,就可以直接行使这么些API来赢妥当前职责新闻。

    地理定位(吉优location)API让大家得以获取用户日前地理地点的音信(只怕至少是正在运作浏览器的连串的职责)。它不是HTML5行业内部的一有些,但平常被归组到与HTML5有关的新效能中。

    地理定位(吉优location)API让大家得以拿走用户眼下地理地方的音讯(只怕至少是正值运营浏览器的种类的地方)。它不是HTML5规范的一有个别,但平常被归组到与HTML5互为表里的新职能中。

    HTML5 吉优location API,它同意用户在 web 应用程序中国共产党享他们的的职位,使其能够共享地点感知服务。
    HTML5 吉优location 地方音信首要有:纬度,经度和其余特色,比方正确度、时间戳等等。
    获取地点音信的门路有:GPS、Wi-Fi 和蜂窝站点等。
    吉优location API 中有两类别型的一向须求函数:单次定位央浼和重复性的地方更新恳求。
    使用场景:分享地方,总计行走(跑步)路程,GPS 导航的交际网络采纳等等。

    window.navigator.geolocation对象存在3个主意:

    1. 行使地理定位

    1. 用到地理定位

    一、地点消息
    HTML5 吉优location API 的采用方法十一分不难。诉求三个职务音讯,如果用户同意,浏览器就能够回来地点新闻,该地点新闻是经过帮助HTML5 地理定位功用的最底层设备(如 PC 或手提式无线电电话机)提须求浏览器的。地方新闻由纬度、经度坐标和一部分另外元数据整合。有那些地方新闻就能够营造地点感知类应用程序了。
    (1)纬度和经度坐标
    经纬度坐标可以用二种方法表示:
    A. 十进制格式(e.g: 39.172 22)
    B. DMS (Degree Minute Second,角度)格式(e.g: 61°26'24')
    HTML5 吉优location API 重临坐标的格式是十进制格式。其它,HTML5 吉优location 还提供岗位坐标的正确度。它还会提供其余部分元数据,具体情形取决于浏览器所在的硬件配备,那个元数据满含海拔、海拔准确度、行驶方向和进程等。那么些元数据不设有则赶回 null。
    (2)地方消息来源
    HTML5 Geolocation API 不点名设备采取哪一类底层才具来恒定应用程序的用户,相反,它只是用于检索地方消息的 API ,并且经过该 API 检索到的数目只具备某种程度的正确性。它并不可能保险重临的机会地方是规范的。
    配备能够利用下列数据源:

    1. getCurrentPosition 获得当前地理地方
    2. watchPosition 监视地点消息
    3. clearWatch 甘休获取地方音信

    咱俩由此全局属性 navigator.geolocation 访问地理定位功能,它会重回多少个Geolocation对象。

    咱俩由此全局属性 navigator.geolocation 访谈地理定位作用,它会重返三个Geolocation对象。

    • IP 地址
    • 三个维度坐标:GPS(Global Positioning System,环球定位系统);从 RFID、Wi-Fi 和蓝牙5.0到 Wi-Fi 的 MAC 地址;GSM 或 CDMA 手提式有线电话机的 ID.
    • 用户自定义数据
      为了有限扶助越来越高的正确度,比较多装置采纳 1 个或八个数据源的构成。

    1 浏览器帮衬意况

    浏览器 说明
    IE 通过gears插件支持
    FireFox 3.5及以上版本支持
    Opera 10及以上版本支持
    Chrome 2.0及以上版本支持
    Safari 4.0及以上版本支持

    1010cc时时彩经典版 1

    1010cc时时彩经典版 2

    二、数据源优缺点
    (1)IP 地址地理定位数据
    基于 IP 地址的地理定位的落到实处形式是:自动寻觅用户的 IP 地址,然后寻找其注册的物理地址。由此,假诺用户的 IP 地址是 ISP( Internet Service Provider,网络服务提供商 )的,其地点屡屡就由服务供应商的情理地址决定,该地址可能离开用户数海里。所以,它回到的地点消息常常不可信。。。。。
    依赖 IP 地址的地理地点数据的得失:

    2 检查评定浏览器是不是协理

    function supportGeolocation() {
        return 'geolocation' in navigator;
    }
    

    1010cc时时彩经典版, 

     

    优点 缺点
    任何地方都可用;在服务器端处理 不精确(经常出错,一般精确到城市级);运算代价大

    3 获取当前地理地方getCurrentPosition

    本条getCurrentPosition(successCallback, onError, options)方法接受1个、2个或然3个参数。第3个参数为取稳妥前地理地方音讯成功时所执行的回调函数,首个参数为获得当前地理地方音信失败时所实践的回调函数,第四个参数为部分可选属性的列表。在那之中,第2、3个参数为可选参数。

    navigator.geolocation.getCurrentPosition(function(position) {
        //TODO 获取成功时的处理
        var timestamp = position.timestamp;
        var coords = position.coords;
        console.log(timestamp);
        console.log(coords);
    }, function(error) {
        //TODO 获取失败时的处理
        console.log(error);
    }, {
        maximumAge: 0
    });
    

    第四个参数,在获得地理地点消息成功时进行的回调函数中,带有四个position参数,它是三个吉优position对象。该对象有以下三个脾气:

    timestamp属性,时间戳。
    coords质量,coords属性是一个Coordinates类型对象,包括上边那么些属性:

    1. accuracy 获取到的经度或纬度的精度(以米为单位)。
    2. altitude 当前地理地方的海拔中度(不可能获得时为null)。
    3. altitudeAccuracy 获取到的海拔中度的精度(以米为单位)。
    4. heading 设备的前进方向。用面朝正北方向的顺时针旋转角度来表示(无法获得时为null)。
    5. latitude 当前地理位置的经度。
    6. longitude 当前地理地方的纬度
    7. speed 当前的升高速度(以米/秒为单位,无法得到时为null)。

    第1个参数,在获得地理地点消息退步时实行的回调函数中,带有二个error参数,它是八个PositionError对象。该对象有以下两性格格:

    code属性,可能值:

    1. 当属性值为1时,表示用户拒绝了地点服务,"User denied 吉优location"。
    2. 当属性值为2时,表示收获不到岗位信息,"Timeout expired"。
    3. 当属性值为3时,表示获撤销息超时错误。
      message属性
      message属性值为一个字符串,包含了错误消息,这一个错误音信在大家付出和调整时特别有效。

    第四个参数是三个可选属性的列表,表明如下:

    enableHighAccuracy性情,是还是不是要求高精度的地理地方新闻。
    timeout属性,超时间限制制(单位为微秒)。假若在该时间内未获得到地理地方音讯,则赶回错误。
    maximumAge天性,对地理地点音信进行缓存的卓有成效时间(单位为阿秒)。如果该值设为0,则每回都去重新取得地理地点新闻。

    获得当前职责

    获取当前岗位

    (2)GPS 地理定位数据
    固然看收获天空的地方,GPS 就足以提供充裕纯粹的一定结果。GPS 定位是通过搜集运维在地球周围的多个 GPS 卫星的时域信号完成的。然则,它的一直时间相比长,因而它不切合必要急忙响应的应用程序。
    基于 GPS 地理定位数据的优短处:

    4 监视地理地方音信watchPosition

    利用watchPosition(successCallback, errorCallback, options)方法能够定时地赢得用户地理地方音讯。该方法应用办法与getCurrentPosition方法类似,这里就不再详细表达了。调用该方法会重返贰个数字,这几个数字与setInterval方法的重临值用法类似,能够被clearWatch方法应用,以甘休对当下地理地方新闻的监视.

    看名就能知道意思,getCurrentPosition方法能收获当前的任务,不过地方新闻不是由函数自个儿重临的。我们需求提供三个打响的回调函数,它会在岗位音信可用时接触(那样做思量到了伏乞地点和音信变得可用之间大概会有延迟)。下边包车型客车身体力行展现了什么使用那么些措施获得地方音讯:

    以文害辞,getCurrentPosition方法能赢妥当前的职位,可是地点音讯不是由函数自个儿重回的。大家要求提供一个得逞的回调函数,它会在职务信息可用时接触(那样做记挂到了乞请地点和音信变得可用之间大概会有延期)。上面包车型大巴身体力行体现了何等行使这么些办法得到地点音信:

    优点 缺点
    很精确 定位时间长,用户耗电量大;室内效果不好;需要额外硬件设备

    5 甘休获取地方新闻clearWatch

    使用clearWatch方法能够告一段落对现阶段用户地理地方音信的监视。用法如下:

    navigator.geolocation.clearWatch(watchId);
    

    参数watchId为调用watchPosition方法时的重返值。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>获取当前位置</title>
        <style type="text/css">
            table {border-collapse: collapse;}
            th,td {padding: 4px;}
            th {text-align: right;}
        </style>
    </head>
    <body>
    <table border="1">
        <tr>
            <th>Longitude:</th><td id="longitude">-</td>
            <th>Latitude:</th><td id="latitude">-</td>
        </tr>
        <tr>
            <th>Altitude:</th><td id="altitude">-</td>
            <th>Accuracy:</th><td id="accuracy">-</td>
        </tr>
        <tr>
            <th>Altitude Accuracy:</th><td id="altitudeAccuracy">-</td>
            <th>Heading:</th><td id="heading">-</td>
        </tr>
        <tr>
            <th>Speed:</th><td id="speed">-</td>
            <th>Time Stamp:</th><td id="timestamp">-</td>
        </tr>
    </table>
    <script type="application/javascript">
        navigator.geolocation.getCurrentPosition(displayPosition);
        function displayPosition(pos){
            var propertis = ["longitude","latitude","altitude","accuracy",
                "altitudeAccuracy","heading","speed"];
            for(var i=0;i<propertis.length;i  ){
                var value = pos.coords[propertis[i]];
                document.getElementById(propertis[i]).innerHTML = value;
            }
            document.getElementById("timestamp").innerHTML = pos.timestamp;
        }
    </script>
    </body>
    </html>
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>获取当前位置</title>
        <style type="text/css">
            table {border-collapse: collapse;}
            th,td {padding: 4px;}
            th {text-align: right;}
        </style>
    </head>
    <body>
    <table border="1">
        <tr>
            <th>Longitude:</th><td id="longitude">-</td>
            <th>Latitude:</th><td id="latitude">-</td>
        </tr>
        <tr>
            <th>Altitude:</th><td id="altitude">-</td>
            <th>Accuracy:</th><td id="accuracy">-</td>
        </tr>
        <tr>
            <th>Altitude Accuracy:</th><td id="altitudeAccuracy">-</td>
            <th>Heading:</th><td id="heading">-</td>
        </tr>
        <tr>
            <th>Speed:</th><td id="speed">-</td>
            <th>Time Stamp:</th><td id="timestamp">-</td>
        </tr>
    </table>
    <script type="application/javascript">
        navigator.geolocation.getCurrentPosition(displayPosition);
        function displayPosition(pos){
            var propertis = ["longitude","latitude","altitude","accuracy",
                "altitudeAccuracy","heading","speed"];
            for(var i=0;i<propertis.length;i  ){
                var value = pos.coords[propertis[i]];
                document.getElementById(propertis[i]).innerHTML = value;
            }
            document.getElementById("timestamp").innerHTML = pos.timestamp;
        }
    </script>
    </body>
    </html>
    

    (3)Wi-Fi 的地理定位数据
    基于 Wi-Fi 的地理定位音讯是由此三角距离计算得出的,那一个三角距离指的是用户日前职分到已知的多少个Wi-Fi 接入点(大约都在都市里)的离开。分化于 GPS ,Wi-Fi 在房间里也不行正确。
    基于 Wi-Fi 的地理定位数据的得失:

    以那件事例中的脚本调用了getCurrentPosition,并传递displayPosition函数作为该方式的参数。当地方消息变得可用时,浏览器就能调用钦赐函数,并传到三个提供岗位实际情况的Position对象。Position对象特别轻易,如下表所示:

    以此例子中的脚本调用了getCurrentPosition,并传递displayPosition函数作为该方法的参数。当地点消息变得可用时,浏览器就能调用内定函数,并传播一个提供岗位详细情况的Position对象。Position对象极其轻便,如下表所示:

    优点 缺点
    精确;可在室内使用;可以简单、快捷定位 在乡村这些无线接入点较少的地区效果不好

    本文由1010cc时时彩经典版发布于1010cc时时彩客户端,转载请注明出处:1010cc时时彩经典版使用地理定位,Geolocation地理位

    关键词: