范围:深圳亚博app开发,软件定制开发,亚博app软件开发公司,深圳软件外包公司.TEL:3447249690
当前位置:首页 > app小程序

亚博-微信小程序开发获取地理位置教程

07-01 亚博APP
摘要:微信小法式降生之初,功能受限在小法式的理念,但在随后不竭更新中,API接口很好的为小法式赋能。

微信小法式降生之初,功能受限在小法式的理念,也就是小,微信小法式要表现轻量级的利用特点,但在随后不竭更新中,API接口很好的为小法式赋能,使其可以在不影响素质的环境下实现完美功能。此中,被用作糊口适用出行类的地图小法式恰是经由过程API实现定位,开辟如许一款能获得地舆位置的小法式首要流程以下:

获得地舆位置

因为小法式只供给了我们一个获得地舆位置、速度的api,并没有获得的相干地位位置的信息等,我们操纵百度地图的api来获得地位位置。官方供给的文档介绍

微信小程序开发获取地理位置教程

微信小程序开发获取地理位置教程

申请ak

下载百度地图的api,PS:因为小法式项目文件巨细限制为1M,建议利用紧缩版的js文件!

亚博

引入JS模块

微信小程序开发获取地理位置教程

放在utils下

在所需的js文件内导入js

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

var bmap = require(\'../../utils/bmap-wx/bmap-wx.js\');

5.编纂代码

.js代码为:

var bmap = requir(\'../../utils/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 }); }})

运行结果图:

/

如许就完成了在小法式上获得定位功能,分歧的API接口可以实现分歧的功能,微信小法式能被付与的能力还良多,能顺应多种场景。

保举浏览:微信小法式开辟传递对象数组微信小法式开辟教程

版权保护: 本文由 亚博app开发 原创
转载请保留链接: http://www.cqsLin.com

关于我们      深圳亚博定制开发软件有限公司,自2013年成立以来,为上千家企业提供软件外包、系统软件开发、亚博app开发、微信公众号开发、深圳亚博小程序开发等各种优秀的软件定制开发服务.关键词:软件外包公司、手机软件开发、app制作开发、手机亚博app开发、小程序开发公司【TEL】:3447249690 微信:3447249690 QQ:3447249690
  • 1578文章总数
  • 13访问次数
  • 建站天数