微信导航——引入百度地图api

因为公司项目要用到地图导航等功能,而目前微信开放的map组件以及API暂时无法满足需求,所以考虑到引入百度地图的API。

1.注册百度开发账号

地址:http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key

点击链接进入一下页面,上面有详细介绍。不过目前在我写的时候,教程的图文稍微有点不匹配,重新介绍下。


可以看到有使用方法,点击右上角 控制台。未注册的会引导注册,注册完成的会进入以下页面

点击 创建应用,填写名称  应用类型勾选为微信小程序  以及小程序的APPID填写。最后提交


成功后可以点击 查看应用 这里面就有你所需要的AK了。


2.下载百度地图API的js文件

地址:http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/project


假设你已经创建自己的小程序了。点击红框圈中部分开始下载。最后会的到bmap-wx.js和bmap-wx.min.js。一个没压缩一个压缩。

3.引入百度地图API

本人项目路径大概是这样子的,用的是bmap-wx.min.js,体积小点。


在你需要使用的js文件中引入bmap-wx.min.js。使用相对路径。

//引入 bmap-wx.min.js
var bmap = require( '../libs/bmap-wx.min.js');
// new一个百度地图对象
var BMap = new bmap.BMapWX({
ak: "先前申请的AK"
});
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值