1.wxml
<view>
<text bindtap="map">选择地图</text>
<view>
您选取的地址是{
{address}}
位置名称是{
{name}}
经纬度是{
{longitude}}{
{latitude}}
</view>
</view>

2.js
/**
* 页面的初始数据
*/
data: {
address:'',
name:'',
longitude:'',
latitude:''
},
map(v){
var that = this;
wx.chooseLocation({
success: function (res) {
console.log(res)
that.setData({
address: res.address, //调用成功直接设置地址
name: res.name,
longitude: res.longitude,
latitude: res.latitude
})
}
})
},
3.json
"plugins": {
"chooseLocation": {
"version": "1.0.9",
"provider": "wx76a9a06e5b4e693e"
}
},
"permis

这篇博客介绍了如何在微信小程序中实现地图选择功能。通过wxml、js和json文件的配置,展示了如何调用微信的chooseLocation接口获取用户选择的地址、名称、经度和纬度,并在页面上实时显示这些信息。同时,博客还提到了权限设置,确保了用户位置信息的获取。
最低0.47元/天 解锁文章
2214

被折叠的 条评论
为什么被折叠?



