微信小程序如何实现点击后地图选择定位位置

在需要进行点击的页面中，location.wxml，写上点击事件，以及绑定的数据，代码如下所示：

<view class="content" bindtap="handleAddressClick">{{ address }}</view>

在相应的js文件中，location.js，在data中，定义之前绑定的数据，address，给上一个默认初始值，代码如下所示：

data: {address: "点击选择定位"
}

在location.js文件中，定义的绑定的事件函数andleAddressClick()，在这个函数中，调用打开地图选择位置的API，wx.chooseLocation()，代码如下所示：

handleAddressClick() {wx.chooseLocation({success: this.handleChooseLocationSuccess.bind(this)})
}

在location.js文件中，再定义选择位置成功后的回调函数handleChooseLocationSuccess()，在这个函数里面通过this.setData()的方法去修改位置的信息，将选择的位置信息赋值给data里面的位置信息，响应到页面当中去，这样就实现了点击后地图选择定位位置，代码如下所示：

 handleChooseLocationSuccess(res) {this.setData({address: res.address})}

微信小程序如何实现点击后地图选择定位位置相关推荐

（uni-app）微信小程序之腾讯地图（定位当前位置，地图标点及导航）
话不多说,直接代码!!! 一.dom <template><view><map id="tencentMap" :style="[...ma ...
微信小程序----map组件实现检索【定位位置】周边的POI
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug: 页面顶部分类[汽车服务.汽车销售等]列表和页脚的详细地址在真机测试是会出现不显 ...
uni-app微信小程序结合腾讯地图获取定位导航以及城市选择器
目录第一步:登录小程序公众平台==>设置==>第三方设置第二步:登录腾讯地图申请属于自己小程序的key 第三步:找到腾讯地图的插件第四步:添加插件与允许授权第五步:使 ...
微信小程序使用腾讯地图进行路线规划，坐标转地址，逆地理编码，计算目的地跟自身定位的距离
微信小程序使用腾讯地图 1.介绍腾讯地图官方文档: https://lbs.qq.com/ 这里,我主要运用的是这几个api ,我在运用的过程中主要实现的功能有:地图路线规划.地址转坐标+计算距离. ...
微信小程序接入腾讯地图sdk地图用户自选位置。踩坑+代码实现
采坑记录: 1.微信小程序对腾讯地图的支持好.拓展强,不建议使用其他地图 2.坐标问题** 高德地图与腾讯地图使用的是 GCJ02坐标系 3.使用微信小程序的内置方法的经纬度存在偏差.解决方案看下文 ...
腾讯小程序 java编写_微信小程序使用腾讯地图SDK详解及实现步骤
微信小程序使用腾讯地图SDK详解及实现步骤近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来给大家分享一下! 使用起来非常简单,就是一些功能还有待完善. 官方文档:http:// ...
微信小程序自定义select下拉选择组件
微信小程序自定义select下拉选择组件微信小程序原生开发中,常用到的是从底部弹起的滚动选择器(picker),而有些项目需要用到下拉选择,话不多说,下面就可以把下拉选择封装成一个自定义组件: 1. ...
微信小程序调用腾讯地图API进行驾车路线规划
微信小程序调用腾讯地图API进行驾车路线规划申请key 下载sdk 实现代码遇到的问题申请key 微信小程序的地图api是非常有限的,所以部分功能实现需要调用地图api.使用腾讯地图api过程如 ...
微信小程序加载 FengMap地图
实现微信小程序加载FengMap地图,主要通过小程序<web-view>组件的src属性的外链方式加载,如<web-view src="https://fengmap.co ...

微信小程序如何实现点击后地图选择定位位置

微信小程序如何实现点击后地图选择定位位置相关推荐

最新文章

热门文章