W3C 中新添加了一个名为 Geolocation的 API 规范,Geoloaction API的作用就是通过浏览器获取用户的地理位置。我们可以使用 Geolocation在javascript的navigator 对象中,我们可以通过 navigator.geolocation 来使用它。不支持 geolocation 的浏览器并不包含这一对象,那么可以通过下面的代码来做能力检测,对不同的浏览器做不同的处理。 在访问 geolocation 对象时,即调用 geolocation 下面的方法时,浏览器会弹出提示,询问用户是否许可网站提供的位置服务,只有在得到用户许可过后,服务才会继续,否则将被停止,在稍后你将会了解到,我们能够捕获到用户拒绝服务的动作。下面这张图分别是 Chrome , Firefox 和 Opera 在初次访问 geolocation 时,给用户的提示: 常用的navigator.geolocation对象有以下三种方法: 其中success_callback_function为成功之后处理的函数,error_callback_function为失败之后返回的处理函数,参数position_options是配置项,由JSON格式传入: 例如下面的代码: 当获得用户的许可过后,便一切就绪。我们将通过 geolocation 下的 getCurrentPosition 方法来获取用户当前的地理位置信息。 例如我们的成功处理函数这样写: 处理函数中的position 对象包含了用户的地理位置信息,该对象下面的 coords 子对象包含了用户所在的纬度和经度信息,通过 position.coords.latitude 可以访问纬度,而 position.coords.longitude 中存放了经度的信息,用户的位置信息越精确,这两个数字后面的小数点越长。事实上,在 Firefox 中,position 对象下还附带有另一个 address 对象,这个对象包含这个经纬度下的国家名,城市名甚至街道名,例如下面的代码: coords其他返回信息: 上面都是成功获取到用户位置信息的处理,但是出现问题的情况在所难免,当获取用户的位置信息出错时,传递到 getCurrentPosition 的第二个函数类型参数被调用,一个包含具体出错信息的对象会被传递进去,错误将被捕获。 error 对象下面,存放了3个常量: 说明:而每一次出错时 error.code 将指向3个常量之中的一个。 对于使用移动设备的用户来说,位置并不是固定的,W3C 当然也考虑到了这一点,watchPosition 是一个专门用来处理这一情况的方法,watchPosition 被调用后,浏览器会跟踪设备的位置,每一次位置的变化,watchPosition 中的代码都将会被执行。对于致力于移动设备 web 开发的同学来说,这个方法是及其重要的,它也许将会改变 web 移动客户端的格局。navigator.geolocation
来简单的获取用户的地理位置信息。本文中将简单介绍下W3C的Geolocation。
获取当前地理位置方法:navigator.geolocation.getCurrentPosition
1、正确返回地理位置信息的处理函数
2、返回错误时的处理函数
移动设备持续获取地理位置方法:navigator.geolocation.watchPosition
使用navigator.geolocation.clearWatch既可以清除navigator.geolocation.watchPosition
的监控事件。
navigator.geolocation 基于google map的应用
精选 转载文章标签 职场 google 休闲 map navigator.geolocatio 文章分类 JavaScript 前端开发
-
利用HTML5中Geolocation获取地理位置在Google Map上定位
本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能。 1.获取当前地理位置调用方
javascript xhtml ViewUI 地理位置 html -
Google Map Parameters
http://mapki.com/wiki/Go
移动开发 Google android -
android2.3.4没有google map的真机上增加google map(原创)
使用Google Map时需依赖以下: system/app Location.apk(2.3.4版本不需要这个了)
android android studio android-studio ide jar -
navigator.geolocation.getCurrentPosition
Geolocation APInavigator.geolocation.getCurrentPosition
getCurrentPosition GeoLocation Geolocation API navigator GPS