小程序查询实时天气

1、创建 key

登录高德:创建应用  、添加新Key

 

2、下载SDK

进入SDK下载页面,下载微信小程序SDK,解压后,将amap-wx.js 文件放到小程序下

 

3、配置

app.json 中加上

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

登录微信公众平台,开发-开发管理-开发设置-服务器域名,点击“修改”,在request合法域名,加上:https://restapi.amap.com 

 

4、页面应用

page.wxml(记得修改key值)

const amapFile = require('../../utils/amap-wx.js')
Page({
  data: {
    weather:[]
  },
  onl oad() {  
    let _this = this,myAmapFun = new amapFile.AMapWX({key:'88xxxxa'})
    myAmapFun.getWeather({
      success(data){ //成功回调       
        _this.setData({ weather: data })
      },
      fail(info){ //失败回调
        console.log(info)
      }
    })  
  }
})

 

返回结果:

小程序查询实时天气

 

上一篇:微信小程序-高德地图API获取天气信息


下一篇:高德地图地址转化为经纬度(php)