js获取地理位置信息简单介绍
分类:实例代码
本章节介绍一下如何利用javascript获取地理位置信息,这个需求当前也是非常广泛的。
检查你的浏览器是否支持地理位置信息API:
目前主流的浏览器都已经对JavaScript地理位置信息API有了较好的支持。
但如果你还不放心,那么,确认地理位置信息API支持情况最好的方式是浏览器的功能特征测试。
if("geolocation" in navigator) { //w00t! } else { alert("很不幸!你的浏览器并不支持Geolocation API功能"); }
对于判断浏览器是否支持地理位置API,最主要的就是看看navigator.geolocation这个对象,使用in,而不是简单的使用if(navigator.geolocation),这一点非常重要,因为后者有可能会因此初始化地理位置信息对象,从而占用/锁定了设备资源。
查询地理位置信息:
这个navigator.geolocation.getCurrentPosition方法是获取详细位置信息最关键的一个接口:
if("geolocation" in navigator) { navigator.geolocation.getCurrentPosition(function(position) { console.log(position); }); }
一旦你调用了这个方法(如果请求成功,它会执行你在参数里提供的回调方法),浏览器会询问用户是否允许程序获取他们的地理位置信息。
当用户运行网页获取他们的位置信息后,浏览器就可以开始读取地理信息,它会返回给你一个位置信息对象,对象的结构基本是这样的:
// "Position" object { coords: { "Coordinates" object accuracy: 65, altitude: 294.4074401855469, altitudeAccuracy: 10, heading: -1, latitude: 43.01256284360166, longitude: -89.44531987692744, speed: -1 }, timestamp: 1429722992094269 }
js获取地理位置信息简单介绍,这样的场景在实际项目中还是用的比较多的,关于js获取地理位置信息简单介绍就介绍到这了。
js获取地理位置信息简单介绍属于前端实例代码,有关更多实例代码大家可以查看。