js获取地理位置的接口navigator.geolocation

geolocation对象有三个方法

1.getCurrentPosition

2.watchPosition

3.clearWatch

一.getCurrentPosition方法用于获取用户的地理位置

格式:getCurrentPosition(callback,[callback],[option])

第一个callback函数,用来处理成功获取用户地理位置的情况

  函数会被传入一个对象,该对象保存了有关本次定位的具体信息

  该对象包含两个属性

  timestamp 保存了获取位置时的时间戳

  croods 也是一个对象,保存了具体的位置信息

  coords.latitude:纬度
  coords.longitude:经度
  coords.altitude:高度
  coords.accuracy:所提供的以米为单位的经度和纬度估计的精确度
  coords.altitudeAccuracy:所提供的以米为单位的高度估计的精确度
  coords.heading: 移动的角度方向,相对于正北方向顺时针计算
  coords.speed:以米每秒为单位的设备的当前对地速度

  

第二个callback函数,用来处理获取位置失败的情况

  该函数也会被传入一个对象 包含了具体的错误信息

  该对象包含两个属性

  code 保存了错误的原因 值为1,2,3

    1代表没有权限

    2代表无法定位

    3超时

  message 保存了额外的错误信息

option 对象来决定定位的细节

  option对象有三个属性可以来描述定位的具体细节

  enableHighAccuracy 默认为false 设置为true可以开启更精准的定位,同时也会增加响应时间

  timeout 设定超时时间 单位为毫秒 默认无限大 设置负数 会变为0

  maximumAge 地理位置的缓存时间 默认为0 设置负数也为0

二.watchPosition

  watchPosition的调用格式同等于getCurrentPosition,只不过watchPosition是不断的获取位置

  调用watchPosition会返回一个值,把该值传入clearWatch即可停止轮询

  定位失败一次,也会导致watchPosition停止,然后调用第二个callback来处理错误

三.权限

  是否能正常使用该API,取决于用户的选择,位置信息往往属于用户的隐私,浏览器在使用定位时

  通常会向用户询问,如果用户拒绝,那么定义处理失败的回调函数是很有必要的

地理位置 API的更多相关文章

  1. h5地理位置API

    h5地理位置API 地理API允许javascript程序向浏览器询问用户的真实地理位置,支持地理位置API的浏览器在访问前总是会询问用户是否允许. 获取用户地理的途径有:         1.ip地 ...

  2. PhoneGap Geolocation结合百度地图api获取地理位置api

    一.使用百度地图API 1.地址:http://developer.baidu.com/map/ 2.在js DEMO中获取反地址解析的DEMO 3.修改这个DEMO的密钥,去创建应用就能创建密钥,然 ...

  3. PhoneGap Geolocation 获取地理位置 api

    一. PhoneGap Geolocation 对象介绍 1.使应用程序可以访问地理位置信息.geolocation 对象提供了对设备 GPS 传感器的访问.Geolocation 提供设备的位置信息 ...

  4. 如何获取用户的地理位置-浏览器地理位置(Geolocation)API 简介

    如何获取用户的地理位置-浏览器地理位置(Geolocation)API 简介 一.总结 一句话总结:Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法 ...

  5. 地理位置(Geolocation)API 简介

    一.开篇简述 Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法.且目前看来浏览器的支持情况还算不错(因为新版本的IE支持了该API),这使得在不久之 ...

  6. Web API接口之Geolocation

    0.关于Geolocation Geolocation,地理位置API.用于获取用户的位置信息.它不算是现有的HTML5标准的“直系”成员,但是是W3C的一个标准.它几乎就是一个真正的JavaScri ...

  7. HTML5 JavaScript API

    W3C官方指定的HTML5规范已经修订了很多次,HTML5这个概念是与javascript API相捆绑的语义标记.在过去这些年中,HTML5这个词所指代的范围正以惊人的的速度膨胀,某种程度上已经成为 ...

  8. HTML5 Geolocation API工作原理[转载]

    大家都知道,HTML5 Geolocation 可以使用 IP 地址.基于 Web 的数据库.无线网络连接和三角测量或 GPS 技术来确定经度和纬度. 问题: 在一个基于地理位置服务的个人业余项目(小 ...

  9. HTML5API之获取地理位置详解

    在使用地理位置API之前先来了解一下什么是经度和纬度以及地理位置获取的原理 首先经度指的是南北极的连接线,纬度指的是东西的连接线 地理位置的获取原理是通过IP地址(基于ISP记录,能够知道这个IP地址 ...

随机推荐

  1. JS关于全局变量跟局部变量的总结

    一.Javascript的变量的scope是根据方法块来划分的(也就是说以function的一对大括号{ }来划分).切记,是function块,而for.while.if块并不是作用域的划分标准,可 ...

  2. 读书笔记 effective c++ Item 50 了解何时替换new和delete 是有意义的

    1. 自定义new和delete的三个常见原因 我们先回顾一下基本原理.为什么人们一开始就想去替换编译器提供的operator new和operator delete版本?有三个最常见的原因: 为了检 ...

  3. appium+python做移动端自动化测试

      1 导言 1.1 编制目的 该文档为选用Appium作为移动设备原生(Native).混合(Hybrid).移动Web(Mobile Web)应用UI自动化测试的相关自动化测试人员.开发人员等提供 ...

  4. EF的DbSet属性的Where查询,注意事项

    #1 Func<T,bool>与 Expression<Func<T,bool>>的区别 Func<T,bool>本身就是一个委托(delegate), ...

  5. AngularJS的过滤器$filter

    过滤器(filter)主要用于数据的格式上,通过某个规则,把值处理后返回结果.例如获得数据集,可排序后再返回. ng内置的共有九种过滤器: currency 货币 使用currency可以将数字格式化 ...

  6. 【源码分析】cJSON库学习

    cJSON库是什么? cJSON是一个轻量级的json解析库.使用起来非常简单,整个库非常地简洁,核心功能的实现都在cJSON.c文件,非常适合阅读源代码来学习C语言.最近读完这个库的源码,分享自己收 ...

  7. poj2100还是尺取

    King George has recently decided that he would like to have a new design for the royal graveyard. Th ...

  8. ES6之"let"能替代"var"吗?

    译者按: 使用let的确会比var安全很多. 原文: Why You Shouldn't Use 'var' Anymore 译者: Fundebug 为了保证可读性,本文采用意译而非直译. 我已经使 ...

  9. Git下载、更新、提交使用总结

    Git使用总结 1.下载代码到本地 1.1指定存储文件路径 1.运行git-bash.exe 2.指定盘符:cd f:work 1.2下载代码 命令:$ git clone <版本库的网址> ...

  10. redis 主从配置实例、注意事项、及备份方式

    这两天在配置线上使用的redis服务.总得看起来,redis服务的配置文件还是非常简洁.清楚,配置起来非常顺畅,赞一下作者. 下面是我使用的配置,使用主从模式,在master上关掉所有持久化,在sla ...