一、地理位置
　　经度  :   南北极的连接线
　　纬度  :   东西连接的线
 
二、位置信息从何而来
　　IP地址
　　GPS全球定位系统
　　Wi-Fi无线网络
　　基站
 
 
 
 
三、地理位置对象（navigator.geolocation）
　　– 单次定位请求  ：getCurrentPosition(请求成功，请求失败，数据收集方式)
 
　　–请求成功函数
　　　　»经度 :  coords.longitude
　　　　»纬度 :  coords.latitude
　　　　»准确度 :  coords.accuracy
　　　　»海拔 :  coords.altitude
　　　　»海拔准确度 :  coords.altitudeAcuracy
　　　　»行进方向 :  coords.heading
　　　　»地面速度 :  coords.speed
　　　　»时间戳 : new Date(position.timestamp)
 
　　– 请求失败函数
　　　　»失败编号  ：code
　　　　　　»0  :  不包括其他错误编号中的错误
　　　　　　»1  :  用户拒绝浏览器获取位置信息
　　　　　　»2  :  尝试获取用户信息，但失败了
　　　　　　»3  :   设置了timeout值，获取位置超时了
 
　　–数据收集 :  json的形式
　　　　»enableHighAcuracy  :  更精确的查找，默认false
　　　　»timeout  :  获取位置允许最长时间，默认infinity
　　　　»maximumAge :  位置可以缓存的最大时间，默认0
<script>

//LBS : 基于地图信息的应用

window.onload = function(){

    var oInput = document.getElementById('input1');

    var oT = document.getElementById('t1');

    oInput.onclick = function(){

        navigator.geolocation.getCurrentPosition(function(position){

            oT.value += '经度:' + position.coords.longitude+'\n';

            oT.value += '纬度 :' + position.coords.latitude+'\n';

            oT.value += '准确度 :' + position.coords.accuracy+'\n'; //就是经度和纬度的准确度，没什么用处

            oT.value += '海拔 :' + position.coords.altitude+'\n';

            oT.value += '海拔准确度 :' + position.coords.altitudeAcuracy+'\n';

            oT.value += '行进方向 :' + position.coords.heading+'\n';   //移动设备上才有用，PC不支持

            oT.value += '地面速度 :' + position.coords.speed+'\n';        //移动设备上才有用，PC不支持

            oT.value += '时间戳:' + new Date(position.timestamp)+'\n';

        },function(err){

            alert( err.code );//err.code // 失败所对应的编号

        },{

            enableHighAcuracy : true,

            timeout : 5000,

            maximumAge : 5000        //每次请求定位的时候，如果不超过这个设置的时间，那么就不重新请求定位，而是用缓存

        });

    };

};

</script>

</head>

<body>

    <input type="button" value="请求" id="input1" /><br />

    <textarea id="t1" style="width:400px; height:400px; border:1px #000 solid;"></textarea>

</body>
　　–多次定位请求  :  watchPosition(像setInterval)
　　　　»移动设备有用，位置改变才会触发
　　　　»配置参数：frequency 更新的频率

　　–关闭更新请求  :  clearWatch(像clearInterval)

<script>

//LBS : 基于地图信息的应用

window.onload = function(){

    var oInput = document.getElementById('input1');

    var oT = document.getElementById('t1');

    var timer = null;

    oInput.onclick = function(){

        timer = navigator.geolocation.watchPosition(function(position){  //多次定位请求，返回一个id，通过这个id清除多次定位请求

            oT.value += '经度:' + position.coords.longitude+'\n';

            oT.value += '纬度 :' + position.coords.latitude+'\n';

            oT.value += '准确度 :' + position.coords.accuracy+'\n';

            oT.value += '海拔 :' + position.coords.altitude+'\n';

            oT.value += '海拔准确度 :' + position.coords.altitudeAcuracy+'\n';

            oT.value += '行进方向 :' + position.coords.heading+'\n';

            oT.value += '地面速度 :' + position.coords.speed+'\n';

            oT.value += '时间戳:' + new Date(position.timestamp)+'\n';

        },function(err){

            alert( err.code );// 失败所对应的编号

            navigator.geolocation.clearWatch(timer);//通过多次定位请求返回的id关闭更新请求

        },{

            enableHighAcuracy : true,

            timeout : 5000,

            maximumAge : 5000,

            frequency : 1000    //更新的频率(多次定位请求的频率)

        });

    };

};

</script>

</head>

<body>

    <input type="button" value="请求" id="input1" /><br />

    <textarea id="t1" style="width:400px; height:400px; border:1px #000 solid;"></textarea>

</body>
 
 

HTML5地理位置概述和地理位置对象的详解的更多相关文章

  1. javascript event（事件对象）详解

    javascript event(事件对象)详解   1. 事件对象     1. 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什 ...

  2. 010-Scala单例对象、伴生对象实战详解

    010-Scala单例对象.伴生对象实战详解 Scala单例对象详解 函数的最后一行是返回值 子项目 Scala伴生对象代码实战 object对象的私有成员可以直接被class伴生类访问,但是不可以被 ...

  3. openerp经典收藏 对象定义详解（转载）

    对象定义详解 原文地址:http://shine-it.net/index.php/topic,2159.0.htmlhttp://blog.sina.com.cn/s/blog_57ded94e01 ...

  4. HTML5有语义的内联元素详解

    HTML5有语义的内联元素详解 time标签 time 元素表示一个时间值,比如 5:35 P.M., EST, April 23, 2007.例如: Example Source Code:< ...

  5. JAVA对象头详解（含32位虚拟机与64位虚拟机）

    为什么要学习Java对象头 学习Java对象头主要是为了解synchronized底层原理,synchronized锁升级过程,Java并发编程等. JAVA对象头 由于Java面向对象的思想,在JV ...

  6. 18.Java 封装详解/多态详解/类对象转型详解

    封装概述 简述 封装是面向对象的三大特征之一. 封装优点 提高代码的安全性. 提高代码的复用性. "高内聚":封装细节,便于修改内部代码,提高可维护性. "低耦合&quo ...

  7. 三：python 对象类型详解一：数字（上）

    一:python 的数字类型: a)整数和浮点数 b)复数 c)固定精度的十进制数 d)有理分数 e)集合 f)布尔类型 g)无穷的整数精度 h)各种数字内置函数和模块 二:各种数字类型的详解 1,数 ...

  8. CorelDRAW中如何复制对象属性详解

    复制对象属性是一种比较特殊.重要的复制方法,它可以方便而快捷地将指定对象中的轮廓笔.轮廓色.填充和文本属性通过复制的方法应用到所选对象中.本教程将详解CorelDRAW中如何复制对象属性. Corel ...

  9. HTML5 FileReader读取Blob对象API详解

    使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要读取的文件或数据.其中File对象可以是来自用 ...

随机推荐

  1. 水流雨渍shader

    战神斯巴达之魂的雨渍做的很逼真,尝试了下,似乎是差不多了,整体欠缺不少 普通平面: 环形流动: 河流: shader实现,3层加上一个偏移层 圆形的雨渍流动和河流要重新展一下UV

  2. acdream 1093 女神的正多面体

    http://acdream.info/problem?pid=1093 女神的正多面体 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 12 ...

  3. 2016年11月4日 星期五 --出埃及记 Exodus 19:20

    2016年11月4日 星期五 --出埃及记 Exodus 19:20 The LORD descended to the top of Mount Sinai and called Moses to ...

  4. java写的web服务器

    经常用Tomcat,不知道的以为Tomcat很牛,其实Tomcat就是用java写的,Tomcat对jsp的支持做的很好,那么今天我们用java来写一个web服务器 //首先得到一个server, S ...

  5. xcodeheader search 配置

    一般我们在xcode里面配置包含工程目录下头文件的时候,都要关联着相对路径和绝对路径,如果只是自己用这个项目,用绝对路径的问题不大,但是如果你把工程发给别人,别人就要在改这个绝对路径,这时候绝对路径的 ...

  6. linux中的shell脚本编程

    [1]shell脚本 1--- shell命令 2--- 控制语句(新的语法) (Shell命令的有序集合) [2]创建shell脚本文件 1--- 1.sh 2--- chmod 777 1.sh ...

  7. CodeForces 628B New Skateboard

    New Skateboard time limit per test 1 second memory limit per test 256 megabytes input standard input ...

  8. Java_JDK_HashMap

    (二)HashMap 需要注意的无非几点: 是什么结构,如何存储的? 如何加入元素?既然是hashMap,那么是如何计算hashcode的呢?遇到冲突又是如何解决的呢? 如何删除元素? 当容量不够时是 ...

  9. Using Post_Query Trigger in Oracle Forms

    When a query is open in the block, the Post-Query trigger fires each time Form Builder fetches a rec ...

  10. CG绘画笔记

    看一些比较好的作品:看作品哪些部分,部件,盔甲比较吸引人,提取一个比较好的点,进行组合创作. 逆光.切光布局构图 创作:故事.情感.经历.朋友.时代 灵感: 电影.音乐 变化(色彩)透视 空气透视视觉 ...