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>
    




  • 相关阅读:
    window.open()参数列表
    感受教育,焦点访谈
    《迷墙》
    锻炼身体
    Great Fire Wall
    今天
    查询重复记录的SQL语句
    Oracle,SQL Server,Access万能数据库通用类!
    经典SQL语句大全
    C#编码规范
  • 原文地址:https://www.cnblogs.com/jkko123/p/6371969.html
Copyright © 2011-2022 走看看