HTML5+jQuery如何利用JSSDK在网页中获取地理位置

这期内容当中小编将会给大家带来有关HTML5+jQuery如何利用JSSDK在网页中获取地理位置，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

复制一份JSSDK环境，创建一份index.html文件。

在location.js中，封装"getLocation"接口，如下：

01   wxJSSDK.location = function(locationApi){02          if(wxJSSDK.isReady){    //wxJSSDK.isReady 查看微信JSSDK是否初始化完毕03              if(locationApi){04                  locationApi.getLocation && wx.getLocation({           //获取地理位置接口05                      success: function (res) {06                          locationApi.getLocation.success && 07      locationApi.getLocation.success(res);08                      }09                  });10              }else{11                  console.log("缺少配置参数");12              }13          }else{14              console.log("抱歉，wx没有初始化完毕，请等待wx初始化完毕，再调用位置接口服15      务。");16          }17      }

在index.html文件中，增加"获取地理位置"按钮，以及显示获取之后的位置信息，代码结构，如下：

01      02      03      04               05         07         08         09         10         11         12         13         14         15         16         17         18         39      40      41         
:)
42         位置操作接口！
43         
44             
纬度：无45             
经度：无46             
速度：无47             
位置精度：无48         
49         50      51      

然后在location.js中增加响应事件，代码如下：

01    _window.onload = function(){02          var latitude,longitude, speed ,accuracy;            // 位置信息初始变量03          $("#getLocation").click(function(){                   // 获取地理位置接口04              wxJSSDK.location({05                  getLocation:{06                      success:function (res) {07                          latitude = res.latitude;                 // 纬度，浮点数，范围为90 ~ -9008                          $("#latitude").html(latitude);09                          longitude = res.longitude;       // 经度，浮点数，范围为180 ~ -180。10                          $("#longitude").html(longitude);11                          speed = res.speed;               // 速度，以米/每秒计12                          $("#speed").html(speed);13                          accuracy = res.accuracy;         // 位置精度14                          $("#accuracy").html(accuracy);15                      }16                  }17              });18          });19      }

最后记得在JSSDK的配置环境中加入"getLocation"API的权限。

上述就是小编为大家分享的HTML5+jQuery如何利用JSSDK在网页中获取地理位置了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注行业资讯频道。