微信小程序-高德地图API获取天气信息-微信小程序获取本地天气-微信小程序开发天气预报-即速应用

微信小程序-高德地图API获取天气信息-微信小程序获取本地天气-微信小程序开发天气预报

浏览量：1091 时间：2020-04-06 来源：卓悦科技

1.
废话不多说，直接上代码
2.
index.wxml
!--index.wxml--viewclass"container"text{{weather.city.text}}:{{weather.city.data}}/texttext{{weather.weather.text}}:{{weather.weather.data}}/texttext{{weather.temperature.text}}:{{weather.temperature.data}}℃/texttext风速:{{weather.winddirection.data}}{{weather.windpower.data}}/texttext{{weather.humidity.text}}:{{weather.humidity.data}}/text/view3.
index.wxss
/**index.wxss**/.container{position:absolute;top:0;bottom:0;left:0;right:0;background:#4D8AD7;color:#fff;font-size:18px;padding-top:30rpx;padding-left:30rpx;}.containertext{display:block;margin:30px;}4.
index.js
//index.js//获取应用实例varamapFilerequire('../../utils/amap-wx.js');Page({data:{weather:{}},onLoad:function(){varthatthis;varmyAmapFunnewamapFile.AMapWX({key:'你的KEY'});myAmapFun.getWeather({success:function(data){that.setData({weather:data});},fail:function(info){//wx.showModal({title:info.errMsg})}})}})5.
高德开发平台：https://lbs.amap.com
6.
天气相关介绍：https://lbs.amap.com/api/wx/guide/get-data/weather
7.
详细参数介绍：https://lbs.amap.com/api/javascript-api/guide/services/weather