使用高德地图API 获取实时天气数据 具体操作步骤
1、在页面的 js 文件中,引入amap-wx.js 文件(amap-wx.js 从相关下载页面下载的 zip 文件解压后得到),实例化 AMapWX 对象,并调用 getWeather 方法获取搜索数据,代码如下:
onLoad: function() { var that = this; var myAmapFun = new amapFile.AMapWX({key:'高德Key'}); myAmapFun.getWeather({ success: function(data){ //成功回调 }, fail: function(info){ //失败回调 console.log(info) } }) }2、编写页面的 wxml 文件,搭建页面结构。 WXML
<view class="container"> </view>3、编写页面的 wxss 文件,设置页面样式。
WXSS .container{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #4D8AD7; color: #fff; font-size: 18px; padding-top: 200rpx; padding-left: 150rpx; }示例如下