微信小程序> 微信小程序map地图功能

微信小程序map地图功能

浏览量:819 时间: 来源:小破孩呦

首先写出三个按钮通过点击事件来触发

button class='button-function' type='primary' bindtap='chaKan'查看/buttonbutton class='button-function' type='primary' bindtap='huoQu'获取/buttonbutton class='button-function' type='primary' bindtap='xuanZe'选择/button

按钮之间添加一些距离

.button-function{  margin: 20rpx 20rpx 0 20rpx;}

1、获取当前位置的方法

这是点击获取按钮获取到的信息,这个方法只会获取到经纬度信息,不会打开地图

huoQu: function(e) {    wx.getLocation({      success: function (res) {        console.log(res);      },    })},

打印结果如下:

latitude: 31.38475,和longitude: 120.98181,是经纬度信息

2、查看当前位置的方法

这是点击查看按钮获取到的信息,这个方法会打开地图,并显示当前位置

chaKan: function (e) {    wx.openLocation({      latitude: 31.38475,      longitude: 120.98181,    })},

上边方法里的经纬度就是刚才获取的经纬度

以下是点击查看按钮打开的地图:

3、点击选择按钮

点击选择按钮会自动打开地图获取到当前位置还带有搜索功能

xuanZe: function (e) {    wx.chooseLocation({      success: function (res) {        console.log(res);      }    })},

上边是点击选择按钮打开地图的方法

以下是打开的地图:

以下是选择位置后点击右上角确定按钮打印的信息:

获取到的参数赋值问题

赋值报错setData of null

解决办法:

将this赋值that,如下:

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎