微信小程序------获取地理位置
来源:互联网 发布:下载彩票分析软件 编辑:程序博客网 时间:2024/05/27 00:33
由于小程序只提供了我们一个获取地理位置、速度的api,并没有获取的相关地位位置的信息等等,因此我们还需要借助一些第三方的api来实现
我们可以使用百度地图的api来获取地位位置的信息。
1>申请地址
http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key
2>
第二步:下载百度地图的api ,链接:http://download.csdn.net/detail/michael_ouyang/9754015
解压后,里面有2个js文件,一个是常规没压缩的,另一个是压缩过的
PS:由于小程序项目文件大小限制为1M,建议使用压缩版的js文件!
3>
第三步:引入JS模块
在项目根目录下新建一个路径,将百度的js文件拷贝到新建的路径下,完成。
如下图所示,新建路径 "libs/bmap-wx" ,将 bmap-xw.min.js 文件拷贝至 "libs/bmap-wx" 路径下。
4>
第四步:在所需的js文件内导入js
// 引用百度地图,注意:require传入一个相对路径
var bmap = require('../../libs/bmap-wx/bmap-wx.js');
// 引用百度地图,注意:require传入一个相对路径
var bmap = require('../../libs/bmap-wx/bmap-wx.js');
5>
第五步:编辑代码
注意:此处楼主使用的ak是随便写的,同学们需要自行申请!!!
xxx.wxml:
注意:此处楼主使用的ak是随便写的,同学们需要自行申请!!!
xxx.wxml:
<view> <viwe>经度:{{longitude}}</viwe> <view>纬度:{{latitude}}</view> <view>地址:{{address}}</view> <view>城市:{{cityInfo.city}}</view> </view>
xxx.js:
// 引用百度地图微信小程序JSAPI模块 var bmap = require('../../libs/bmap-wx/bmap-wx.min.js'); var wxMarkerData = []; //定位成功回调对象 Page({ data:{ ak:"FHG7utZtdyXN2", //填写申请到的ak markers: [], longitude:'', //经度 latitude:'', //纬度 address:'', //地址 cityInfo:{} //城市信息 }, onLoad:function(options){ var that = this; /* 获取定位地理位置 */ // 新建bmap对象 var BMap = new bmap.BMapWX({ ak: that.data.ak }); var fail = function(data) { console.log(data); }; var success = function(data) { //返回数据内,已经包含经纬度 console.log(data); //使用wxMarkerData获取数据 wxMarkerData = data.wxMarkerData; //把所有数据放在初始化data内 that.setData({ markers: wxMarkerData, latitude: wxMarkerData[0].latitude, longitude: wxMarkerData[0].longitude, address: wxMarkerData[0].address, cityInfo: data.originalData.result.addressComponent }); } // 发起regeocoding检索请求 BMap.regeocoding({ fail: fail, success: success }); } })
6>
第六步:运行
注意:楼主的运行环境在模拟器上,在模拟器所获取到的定位是有一些误差的,如需测试真正的地理位置信息,还需要使用真机测试!!!
感谢:http://blog.csdn.net/michael_ouyang/article/details/55097646
阅读全文
0 0
- 微信小程序------获取地理位置
- 微信小程序--获取地理位置名称
- 微信小程序创建之获取地理位置并跳转腾讯地图
- java程序根据ip地址获取地理位置
- android基站定位程序获取地理位置
- android基站定位程序获取地理位置
- android基站定位程序获取地理位置
- 微信小程序的百度地图获取地理位置 —— 微信小程序教程系列(15)
- 微信小程序的百度地图获取地理位置 —— 微信小程序教程系列(15)
- 脚本程序处理从ip获取地理位置信息
- Android GPS获取地理位置
- Location获取地理位置信息
- 通过IP获取地理位置
- ios获取地理位置信息
- android获取地理位置信息
- 获取ip以及地理位置
- pray例子----------------------获取地理位置
- html5获取地理位置
- Unity学习笔记
- Jmeter的几种参数化方式
- 浅谈C++多态性
- Linux下的C语言编程——线程编程基本操作
- 算法第4版(谢路云译)学习笔记(2) -- Eclipse直接运行算法第4版例子(重定向和读取指定路径文件)
- 微信小程序------获取地理位置
- 魅族手机 INSTALL_FAILED_USER_RESTRICTED
- 关于百度地图获取测试版SHA1和发布版发布版SHA1的问题
- 混淆代码
- 阿里云文本关键词过滤检测
- JS中for循环输出同一变量值的问题
- Redis中keys和hkeys的区别
- Mysql查询数据第一讲之查询数据基本语法
- poj 2159 Ancient Cipher