当前位置:   article > 正文

微信小程序的百度地图获取地理位置 —— 微信小程序教程系列_微信小程序获取位置信息

微信小程序获取位置信息

19956127-e606cd46faeb8d37.png

下面,介绍使用百度地图的api来获取地位位置的信息。

1> 第一步:先到百度开放平台http://lbsyun.baidu.com申请ak

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

19956127-a0e39db457123161.png

申请到ak后,在我的应用里就能查看到

19956127-75117bed3dc068af.png

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

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

19956127-fb5d9756e860420d.png

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

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

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

19956127-e746a66fd2ecd3bc.png

4> 第四步:引入JS模块

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

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

19956127-c89dd2e6ea4c27c3.png

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

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

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

6> 第六步:编辑代码

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

xxx.wxml:

经度:{{longitude}}

纬度:{{latitude}}

地址:{{address}}

城市:{{cityInfo.city}}

xxx.js:

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

最后

代码真的是重质不重量,质量高的代码,是当前代码界提倡的,当然写出高质量的代码肯定需要一个相当高的专业素养,这需要在日常的代码书写中逐渐去吸收掌握,谁不是每天都在学习呀,目的还不是为了一个,为实现某个功能写出高质量的代码。

所以,长征路还长,大家还是好好地做个务实的程序员吧。

最后,小编这里有一系列Android提升学习资料,有兴趣的小伙伴们可以来看下哦~

我的 Android 学习,面试文档,视频收集大整理

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频**
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
[外链图片转存中…(img-SBJiy06y-1711015354683)]

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/967977
推荐阅读
相关标签
  

闽ICP备14008679号