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

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

浏览量:1091 时间: 来源:卓悦科技
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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎