h5 获取当前地理位置信息

在h5 中如何获取当前地理位置信息？

通过使用 wx.getLocation 进行获取，步骤如下：

• 首先进行配置

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，公众号的唯一标识
    timestamp: timestamp, // 必填，生成签名的时间戳
    nonceStr: nonceStr, // 必填，生成签名的随机串
    signature: res.data,// 必填，签名
    jsApiList: ['getLocation', 'openLocation'] // 必填，需要使用的JS接口列表
});

• 获取当前地理位置信息（经纬度）

x.ready(function () {
	 wx.getLocation({
	     type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
	     success: function (res) {
	         var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
	         var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
	     },
	     fail: function (err) {},
	     cancel: function (res) {}
	 });
	})

• 当前返回的坐标为火星坐标 or wgs84坐标，如果想要百度或者腾讯坐标进行地图扎点时，可以将坐标进行转化。

• 不知道如何转化时，可以查阅下一篇文章。 坐标之间的转化

注：timestamp，nonceStr 是可以自己生成的，signature 是经过后端接口加密完成之后返回的。

• timestamp :

    var timestamp = Date.parse(new Date()) / 1000;

• nonceStr

    var nonceStr = createNonceStr();
    //生成随机字符串
    function createNonceStr() {
        return Math.random().toString(36).substr(2, 15)
    }