[功能]微信小程序——使用百度地图定位

[功能]微信小程序——使用百度地图定位

1.申请百度地图的开发权限——>用appid拿到AK

	步骤
	1.http://lbsyun.baidu.com/apiconsole/key

[功能]微信小程序——使用百度地图定位_第1张图片
2.邮箱激活

3.拿到AK
[功能]微信小程序——使用百度地图定位_第2张图片

4.配置到自己的微信小程序中

module.exports = {
//填写AK
  baiduAK: '******************************' 
}

4.5 在app.js中配置

 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }

5.请求百度地图的API

  wx.getLocation({
      success: function (res) {
        var locationParam = res.latitude + ',' + res.longitude
        wx.request({
          url: 'https://api.map.baidu.com/geocoder/v2/?ak=' + config.baiduAK + '&location=' + locationParam + '1&output=json&pois=1',
          header: {
            "Content-Type": "json",
          },
          success: function (res) {
            var data = res.data
            store.location = data.result
            cb(data.result)
          }
        })
      }
    })

6.拿到应答信息,数据渲染
[功能]微信小程序——使用百度地图定位_第3张图片
【重点】 去微信开发官方平台上,设置请求合法域名,注意一个月只能修改五次

需要设置请求合法域名,才能正常使用百度小程序 JavaScript API。
登录微信公众平台-> “设置” -> “开发设置” -> “request 合法域名” ->添加 api.map.baidu.com -> 点击"保存并提交",如图[功能]微信小程序——使用百度地图定位_第4张图片

你可能感兴趣的:(微信小程序)