一.获取地理位置

由于小程序只提供了我们一个获取地理位置、速率的api，，，并没有获取的相关职位位置的信息等，，，我们使用百度地图的api来获取职位位置。。。。

文档 

1.申请ak 
http://lbsyun.m.snroom.com/index.php?title=wxjsapi/guide/key

2.下载百度地图的api ，，，链接：http://download.csdn.net/detail/michael_ouyang/9754015 
解压后，，，内里有2个js文件，，，一个是通例没压缩的，，，另一个是压缩过的 
PS：由于小程序项目文件巨细限制为1M，，，建议使用压缩版的js文件！

用5kb谁人js 

3.引入JS模浚？？？？

放在utils下 

4.在所需的js文件内导入js 
// 引用百度地图，，，注重：require传入一个相对路径 
var bmap = require('../../utils/bmap-wx/bmap-wx.js');

5.编辑代码 
.wxss代码为

1. <view>
2. <viwe>经度：{{longitude}}</viwe>
3. <view>纬度：{{latitude}}</view>
4. <view>地点：{{address}}</view>
5. <view>都会：{{cityInfo.city}}</view>
6. </view>

.js代码为：

1. var bmap = requir('../../utils/bmap-wx/bmap-wx.min.js');
2. var wxMarkerData = []; //定位乐成回调工具
3. Page({
4. data: {
5. ak: "FHG7utZtdyXN2", //填写申请到的ak
6. markers: [],
7. longitude: '', //经度
8. latitude: '', //纬度
9. address: '', //地点
10. cityInfo: {} //都会信息
11. },
12. onLoad: function (options) {
13. var that = this;
14. /* 获取定位地理位置 */
15. // 新建bmap工具
16. var BMap = new bmap.BMapWX({
17. ak: that.data.ak
18. });
19. var fail = function (data) {
20. console.log(data);
21. };
22. var success = function (data) {
23. //返回数据内，，，已经包括经纬度
24. console.log(data);
25. //使用wxMarkerData获取数据
26. wxMarkerData = data.wxMarkerData;
27. //把所有数据放在初始化data内
28. that.setData({
29. markers: wxMarkerData,
30. latitude: wxMarkerData[0].latitude,
31. longitude: wxMarkerData[0].longitude,
32. address: wxMarkerData[0].address,
33. cityInfo: data.originalData.result.addressComponent
34. });
35. }
36. // 提倡regeocoding检索请求
37. BMap.regeocoding({
38. fail: fail,
39. success: success
40. });
41. }
42.  
43. })

6.运行  注重：楼主的运行情形在模拟器上，，，在模拟器所获取到的定位是有一些误差的，，，如需测试真正的地理位置信息，，，还需要使用真机测试。。。。。。。。

效果

二.举行地图导航

微信小程序内里是不可导航的，，，原因是小程序的代码最多只能有1M，，，他的运行内存只能有10M，，，一个区域地图下载下来就不止1M了以是在应用内我们无法做到导航的，，，可是应用外呢！

关于APP开发，，，一般若是导航这个功效不是很主要的话就会放到应用外来做这个功效，，，可是高德地图和腾讯地图都会有响应的SDK，，，可是小程序差别，，，我们该怎样在小程序外挪用导航功效呢？？？？？？

翻开小程序中关于位置的API，，，  1.wx.getLocation(OBJECT) 获取目今的地理位置、速率。。。。  2.wx.chooseLocation(OBJECT) 翻开地图选择位置。。。。  3.wx.openLocation(OBJECT) ?使用微信内置地图审查位置。。。。

 详细实现代码为：

1. wx.getLocation({
2. type: 'gcj02', //返回可以用于wx.openLocation的经纬度
3. success: function(res) {
4. var latitude = res.latitude
5. var longitude = res.longitude
6. wx.openLocation({
7. latitude: latitude,
8. longitude: longitude,
9. name:"长沙理工大学",
10. scale: 28
11. })
12. }
13. })

选择手机上的地图，，，然后就跳到了对应的地图APP上，，，实现了应用外挪用导航功效。。。。

小程序工具提供多类型商城/门店小程序制作，，，可视化编辑 1秒天生5步上线。。。。通过拖拽、拼接模浚？？？？榻峁剐〕绦蛏坛且趁，，，所看即所得，，，只需要美工就能做出细腻商城。。。。更多小程序市肆请审查：小程序市肆