在网站制作或者小程序开发中，经常会使用到当前城市天气的显示，那么我们如何能将免费的高德地图api接口引入到我们的项目中呢？
1.创建高德地图的开发应用
注册高德地图账号，并在其平台里申请并创建属于自己的开发应用，并输入自己的项目名称，项目类型，选择对应的api接口或者是微信小程序的appid，从而获得一个属于高德地图的key值
2.下载并引入对应的js文件：amap-wx.js
3.在要使用高德天气的页面引用amap-wx.js，代码如下：
var amapFile = require('../../utils/amap-wx.js')
4.在网站制作中或小程序开发中，需要优先开启定位功能，已让高德地图能准确获取到你目前所在城市的经纬度。
5.创建新的高德天气变量，并请求数据，并根据请求结果打印出具体的天气信息，并赋值给自定义变量weather,代码如下：
//获取天气情况
var myAmapFun = new amapFile.AMapWX({key: app.globalData.amapKey});
myAmapFun.getWeather({
success: res=>{
that.setData({
weather:res
})
},
fail: function(info){}
})
6.在网页中及小程序界面中使用数据绑定进行天气信息的调用，代码如下：
<view>城市：{{weather.city.data}}</view>
<view>湿度：{{weather.humidity.data}}</view>
<view>温度：{{weather.temperature.data}}</view>
<view>天气：{{weather.weather.data}}</view>
<view>风向：{{weather.winddirection.data}}</view>
<view>风力：{{weather.windpower.data}}</view>
以上就是在网站制作开发及小程序开发中，如何使用高德天气进行当前城市天气的显示。全栈网络专业从事郑州网站制作，巩义网站制作，荥阳网站建设，欢迎大家随时来电咨询。
本文关键词：
高德天气 未经允许不得转载：郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络
