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)
    }

你可能感兴趣的:(Node,Js,css3,html,typescript,css,javascript)