微信小程序获取位置信息

微信小程序点击获取位置信息

效果图&＃xff1a;

点击工程位置即可打开地图

小程序前端代码

工程位置﹀


js代码

//选择所在区域getLocation: function (e) {var that &＃61; this;wx.showLoading({title: &＃39;加载中&＃39;,})wx.chooseLocation({type: &＃39;gcj02&＃39;, //返回可以用于wx.openLocation的经纬度success: function (res) {console.log("test:" &＃43; res)wx.hideLoading();var latitude &＃61; res.latitudevar longitude &＃61; res.longitudeconsole.log(res)that.setData({userlocation: res.name, //位置latitude: latitude,longitude: longitude,})},fail: function (res) {console.log(&＃39;拒绝&＃39;);wx.getSetting({success: function (ress) {console.log(ress)if (ress.authSetting[&＃39;scope.userLocation&＃39;] &＃61;&＃61; false) {wx.showModal({title: &＃39;提示&＃39;,content: &＃39;您已拒绝授权地理位置信息&＃xff0c;是否前去打开&＃xff1f;&＃39;,success(res) {if (res.confirm) {wx.openSetting(); //调起小程序设置界面s}}})}else{console.log("已授权位置&＃xff0c;取消选择位置")}}})},complete: function () {wx.hideLoading();}})},

WXSS

.inputs{width: 100%;border-radius: 10rpx;
}
.inputs input{/* width: 68%; */text-align: right!important;display: inline-block;padding-right: 15rpx;
}