打开地图选择位置
代码实现
<view style='padding: 20px;'> <u-form-item required label="地点" prop="place"> <u-cell-group> <u-cell :value="place.name?'':'请选择' " isLink @click="choosePlace"> <u--text slot='title' :text="place.name"></u--text> </u-cell> </u-cell-group> </u-form-item> </view>
place: {},
choosePlace() { let that = this uni.chooseLocation({ success: function(res) { that.place = res console.log('位置名称:' + res.name); console.log('详细地址:' + res.address); console.log('纬度:' + res.latitude); console.log('经度:' + res.longitude); } }); },
调试技巧
微信编辑器中点击没反应,需使用 PC 端预览调试
在PC端预览的微信小程序中,打开调试工具
最终效果
打开地图显示位置(可开启导航)
place 为上文中获取到的地址信息对象
openLocation(place) { uni.openLocation({ ...place, success: function() { console.log('success'); } }); },
官方文档详见
https://uniapp.dcloud.net.cn/api/location/open-location.html#openlocation