微信小程序使用百度api获取天气信息 —— 微信小程序教程系列(16)

2> 第二步:配置你的request合法域名

配置域名请到微信公众平台的后台里设置

19956127-176b1703e595b0ff.png

3> 第三步:下载百度地图的api ,链接:http://download.csdn.net/detail/michael_ouyang/9754015

解压后,里面有2个js文件,一个是常规没压缩的,另一个是压缩过的

PS:由于小程序项目文件大小限制为1M,建议使用压缩版的js文件!

19956127-fc8f3ca7e7992eee.png

4> 第四步:引入JS模块

在项目根目录下新建一个路径,将百度的js文件拷贝到新建的路径下,完成。

如下图所示,新建路径 “libs/bmap-wx” ,将 bmap-xw.min.js 文件拷贝至 “libs/bmap-wx” 路径下。

19956127-862105b9301fab8b.png

5> 第五步:在所需的js文件内导入js

// 引用百度地图,注意:require传入一个相对路径

var bmap = require(‘…/…/libs/bmap-wx/bmap-wx.js’);

6> 第六步:编辑代码

注意:此处楼主使用的ak是随便写的,同学们需要自行申请!!!

xxx.wxml:

{{weatherData}}

{{item.date}}

{{item.temperature}}

{{item.weather}}

{{item.wind}}

xxx.js:

// 引用百度地图微信小程序JSAPI模块

var bmap = require(‘…/…/libs/bmap-wx/bmap-wx.min.js’);

Page({

data:{

ak:“FHG7utZtdyXN23W”,

weatherData:‘’,

futureWeather:[]

},

onLoad:function(options){

var that = this;

// 新建bmap对象

var BMap = new bmap.BMapWX({

ak: that.data.ak

});

var fail = function(data) {

console.log(data);

};

var success = function(data) {

console.log(data);

Android进阶资料

以下的资料是近年来,我和一些朋友面试收集整理了很多大厂的面试真题和资料,还有来自如阿里、小米、爱奇艺等一线大厂的大牛整理的架构进阶资料。希望可以帮助到大家。

Android进阶核心笔记

百万年薪必刷面试题

最全Android进阶学习视频

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

习资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618156601)**

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 15
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值