• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

15.小程序接入百度地图获取地理位置

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
使用方法
 

 
版本说明

该套API免费对外开放,目前最新版本为微信小程序JavaScript API V1.0。

注册百度账号,成为百度地图开发者

进入百度开放平台官网,点击右上角“API控制台”,注册成为百度地图开发者。如果未登录百度账号,会引导登录百度账号。如果账号未注册,请根据提示填写正确的邮箱及手机号完成开发者注册流程。

创建应用

再次点击进入控制台,创建一个新应用。

获取密钥(AK)

在创建应用页面,录入应用名称、选择应用类型为"微信小程序"、勾选启用服务、填写AppID(小程序ID)。点击提交后,即可在查看应用页面看到申请成功的密钥(AK)。

配置环境
 
1创建本地小程序项目

① 打开微信小程序开发者工具并使用微信确认登录。

② 点击 "+" 按钮,添加项目。

③ 点击 "添加项目" 按钮,项目创建完成。

注意:需勾选"在当前目录中创建quick start项目"。

2引入JS模块
在项目根目录下新建一个路径,下载百度地图微信小程序JavaScript API,解压后得到 bmap-xw.js 文件,将其拷贝到新建的路径下,安装完成。

如下图所示,新建路径 "libs" ,将 bmap-xw.js 文件拷贝至 "libs" 路径下。

Hello 我的小程序

 
1微信小程序开发者工具

前往微信小程序开发者页面,下载并安装微信小程序开发者工具

2准备百度地图微信小程序JavaScript API相关配置
① 获取开发者密钥(AK)。获取方法请查看:账号和密钥
② 从相关下载页面下载开发包并解压,得到 bmap-wx.js 文件。
3创建项目
该处请参考使用前 -> 配置环境 , 按步骤将解压后的 bmap-xw.js 文件拷贝至相应位置。
4设置请求合法域名
① 需要设置请求合法域名,才能正常使用百度小程序 JavaScript API。

登录微信公众平台-> "设置" -> "开发设置" -> "request 合法域名" ->添加 api.map.baidu.com -> 点击"保存并提交",如图所示: 

② 打开开发者工具 -> "项目" -> 点击"刷新",合法域名设置同步完成。如图所示: 

5编辑和预览我的小程序
如上步骤完成后,即为已配置好一个完整的调用百度地图微信小程序JavaScript API的完整小程序Demo。
6编辑代码
注:此处使用的ak是随便写的,大家需要自行申请!!!
xxx.wxml:
 
xxx.js:

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信_小程序共享链如何开发发布时间:2022-07-18
下一篇:
微信小程序快捷键设置发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap