uni-app使用map組件定位到當(dāng)前位置并進行標注

manifest.json添加如下內(nèi)容：

需要定位的頁面

style="width: 100vw; height: 100vh;"

:latitude="latitude"

:longitude="longitude"

:scale="scale"

:markers="markers"

>

export default {

data() {

return {

latitude: 39.909, // 默認定在首都

longitude: 116.39742,

scale: 12, // 默認16

markers: [],

markerHeight: 30,

};

},

methods: {

// 初次位置授權(quán)

getAuthorize() {

return new Promise((resolve, reject) => {

uni.authorize({

scope: "scope.userLocation",

success: () => {

resolve(); // 允許授權(quán)

},

fail: () => {

reject(); // 拒絕授權(quán)

},

});

});

},

// 確認授權(quán)后，獲取用戶位置

getLocationInfo() {

const that = this;

uni.getLocation({

type: "gcj02",

success: function (res) {

// 暫時

that.longitude = res.longitude; //118.787575;

that.latitude = res.latitude; //32.05024;

that.markers = [

{

id: "",

latitude: res.latitude,

longitude: res.longitude,

iconPath: "../../static/mark.png",

width: that.markerHeight, //寬

height: that.markerHeight, //高

},

];

that.getList();

},

});

},

// 拒絕授權(quán)后，彈框提示是否手動打開位置授權(quán)

openConfirm() {

return new Promise((resolve, reject) => {

uni.showModal({

title: "請求授權(quán)當(dāng)前位置",

content: "我們需要獲取地理位置信息，為您推薦附近的美食",

success: (res) => {

if (res.confirm) {

uni.openSetting().then((res) => {

if (res[1].authSetting["scope.userLocation"] === true) {

resolve(); // 打開地圖權(quán)限設(shè)置

} else {

reject();

}

});

} else if (res.cancel) {

reject();

}

},

});

});

},

// 徹底拒絕位置獲取

rejectGetLocation() {

uni.showToast({

title: "你拒絕了授權(quán)，無法獲得周邊信息",

icon: "none",

duration: 2000,

});

},

getList() {

console.log("獲取周圍美食");

},

},

onReady() {

// wx請求獲取位置權(quán)限

this.getAuthorize()

.then(() => {

// 同意后獲取

this.getLocationInfo();

})

.catch(() => {

// 不同意給出彈框，再次確認

this.openConfirm()

.then(() => {

this.getLocationInfo();

})

.catch(() => {

this.rejectGetLocation();

});

});

},

};

總結(jié)

以上是生活随笔為你收集整理的app 隔几秒记录当前经纬度位置_uni-app获取位置经纬度并定位到当前位置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。