微信小程序定位--获取经纬度城市街道等位置信息

请先看微信小程序关于定位的API：https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html#wxgetlocationobject

可以看到：小程序只提供了一个获取地理位置、速度的api，并没有关于地位位置的信息等，因此需要借助一些第三方的api来实现。

实现方法一：百度地图API

1.登录百度开放平台https://lbsyun.baidu.com并申请AK，填写相关信息。

 

2.在项目根目录下新建一个路径，下载百度地图微信小程序JavaScript API，解压后得到 bmap-wx.js 文件（解压后有bmap-wx.js和bmap-wx.min.js两种文件，考虑到轻量化，建议用压缩版的bmap-wx.min.js），将其拷贝到新建的路径下，完成。

 

3.设置请求合法域名

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

 

打开开发者工具 －> "项目" －> 点击"刷新"，合法域名设置同步完成。

 

4. 使用：

 

 

实现方法二：腾讯地图API

 

1. 申请开发者密钥（key）：申请密匙
2. 下载微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.0
3. 安全域名设置，需要在微信公众平台添加域名地址https://apis.map.qq.com
4. 示例 
   [javascript] view plain copy

    

   1. // 引入腾讯地图SDK核心类  
   2. var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');  
   3. var util = require("../../utils/util.js");  
   4. var qqmapsdk;  
   5. Page({  
   6. 　data: {  
   7. 　　resData: []  
   8. 　},  
   9. 　onLoad: function (options) {  
   10. 　　// 实例化腾讯地图API核心类  
   11. 　　qqmapsdk = new QQMapWX({  
   12. 　　　key: 'HHHHH-BHJDJ-CZQPP-UN4IHS-QYOF2-MYFU3'//此处使用你自己申请的key  
   13. 　　});  
   14. 　},  
   15. 　onShow: function () {  
   16. 　　var that = this;  
   17. 　　// 腾讯地图调用接口  
   18. 　　qqmapsdk…({  
   19. 　　　　　  
   20. 　　})  
   21. 　}  
   22. })  
   23.