微信js-sdk地理位置接口用法示例

2019-11-20 08:46:14

字体：大中小

来源：转载

供稿：网友

本文实例讲述了微信js-sdk地理位置接口用法。分享给大家供大家参考，具体如下：

前提，已经在wx.config()中权限验证通过，官方文档地址

官方api

使用微信内置地图查看位置接口

wx.openLocation({  latitude: 0, // 纬度，浮点数，范围为90 ~ -90  longitude: 0, // 经度，浮点数，范围为180 ~ -180。  name: '', // 位置名  address: '', // 地址详情说明  scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大  infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转});

获取地理位置接口

wx.getLocation({  type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'  success: function (res) {    var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90    var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。    var speed = res.speed; // 速度，以米/每秒计    var accuracy = res.accuracy; // 位置精度  }});

实例说明：

1.目前两种类型没有太大区别，经纬度的小数部分稍有点偏差
2.查看位置的infoUrl，测试连接似乎无效

//获取地理位置接口//wgs84 返回4个值，//gcj02 返回4个值 ,目前两种类型没有太大区别，经纬度的小数部分稍有点偏差wx.getLocation({  type:'wgs84',//默认为wgs84的gps坐标，  //如果要返回直接给openLocation用的火星坐标，可传入'gcj02'  success:function(res){    var latitude=res.latitude;    var longitude=res.longitude;    var speed=res.speed;    var accuracy=res.accuracy;    appendText('经度：'+latitude+'，纬度：'+longitude);  }});wx.getLocation({  type:'gcj02',  success:function(res){    //方法1    wx.openLocation(res);    //方法2，详细制定内容    ////使用微信内置地图查看位置接口    //wx.openLocation({    //  latitude: res.latitude, // 纬度，浮点数，范围为90 ~ -90    //  longitude: res.longitude, // 经度，浮点数，范围为180 ~ -180。    //  name: '当前位置', // 位置名    //  address: '当前地址', // 地址详情说明    //  scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大    //  infoUrl: 'http://www.gongjuji.net' // 在查看位置界面底部显示的超链接,可点击跳转（测试好像不可用）    //});  }});

位置显示如下：