返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

HTML5的Geolocation地理位置定位API使用教程

2019-01-28 22:12:59丽君

上面是关于getCurrentPosition方法的介绍，在某些场景下，例如路线导航应用，我们需要实时地获取最新位置，进而为用户规划最新的路线，这时，上面的方法已经不能很好的满足需求了，我们需要使用watchPosition方法：

JavaScript Code复制内容到剪贴板
  1. watchId = navigator.geolocation.watchPosition(success[, error[, options]]);  

watchPosition方法的使用方式和getCurrentPosition类似，不同的是，success函数会执行多次，一旦获取到最新的位置数据，success函数就会被触发，与之相似地，如果连续获取最新的数据失败时，error函数也会被执行多次。
大家或许会注意到，上面的函数签名中，会返回一个watchId，它标示着当前的watch操作，当我们位置跟踪任务完成后，可以使用clearWatch函数将这个watchId清除即可：

JavaScript Code复制内容到剪贴板
  1. navigator.geolocation.clearWatch(watchId);  

上面就是Geolocation的常用的三个API，日常开发中我们可根据实际情况选用合适的方法，进而获取用户的位置信息。
现在大部分浏览器都已支持Geolocation了，可是为了兼容低版本的浏览器，我们需要判断它的支持情况：

JavaScript Code复制内容到剪贴板
  1. if ('geolocation' in navigator) {      // getting usr's position   
  2. } else {      // tips: your position is not available   
  3. }  

最后，我们用一个简单的例子来演示在开发中是如何使用Geolocation的：

JavaScript Code复制内容到剪贴板
  1. var API = {        //get recommended data by current longitude and latitude   
  2.     getSurroundingRecommendations: function(longitude, latitude, callback) {            //simulate data obtaining from server.   
  3.         setTimeout(function() {                var data = [   
  4.                 {                        //item   
相关文章 大家在看