一.获取地理位置由于小程序只为我们提供了获取地理位置和速度的api,并没有获取位置和位置等信息,所以我们使用百度地图的api来获取位置和位置。
文档1.申请ak///.php?=//key2.下载百度地图API,
链接://///解压后,里面有2个js文件,一个是常规解压的,
另一个是压缩后的PS:由于小程序项目的文件大小限制为1M,建议使用压缩版的js文件!用5kb那个js
3.引入JS模块,放在下面
4.导入js//在需要的js文件中参考百度地图,注意:传入相对路径=('../..//bmap-wx/bmap-wx.js'); 5.edit code.wxss 代码是经度:{{}}纬度:{{}}地址:{{}}城市:{{.city}}.js 代码是:=('../ .. //bmap-wx/bmap-wx.min.js');=[];//定位成功回调对象Page({data:{ak:"",//填写:[],:'' ,//经度:'',//纬度:'',//地址:{}//城市信息},:(){=this;/*获取位置位置*///新建bmap对象= .({ ak:that.data.ak});=(data){.log(data);};=(data){//返回的数据已经包含经纬度.log(data);//用来获取数据=data.;//将所有数据放入初始化data that.({:,:[0].,:[0].,:[0].,:data...});}//初始化一个检索请求 BMap.({fail:fail,:});}})
6.操作注意:楼主的操作环境是在模拟器上,模拟器得到的定位有一些错误。如果需要测试真实的地理位置信息,需要使用真机测试! ! !导致二.无法在微信小程序中进行地图导航。原因是小程序的代码最大只能有1M,而它的运行内存也只能有10M,而且一个区域的地图可以下载超过1M,所以在We can't do 里面应用程序,但在应用程序之外!关于APP开发,如果导航的功能不是很重要的话微信小程序开发怎么应用地图,会在应用之外做,但是高德地图和腾讯地图都会有对应的SDK,只是小程序不同,怎么调用小程序外的导航功能在小程序中打开关于位置的API,1.wx.() 获取当前的地理位置和速度。 2.wx.() 打开地图以选择位置。 3.wx.() 使用微信内置地图查看位置。查看微信科技大学
具体实现代码为:wx.({type:'',//返回可用于wx.:(res){=res.=res..({:,:, name:"微信科技大学",:28})}}) 点击绿点出现,选择地图选择手机上的地图,然后跳转到对应的地图APP,实现了外面的导航功能应用程序。
本文由Job 整理发布,希望对同学们有所帮助。更多详情请关注工作坐标移动开发微信频道!