Wenn Sie nur den Breiten- und Längengrad verwenden müssen, können Sie direkt die offizielle API verwenden
uni.getLocation({
type:"wgs84",
success:function(res) {
console.log('当前位置的经度:' + res.longitude);
console.log('当前位置的纬度:' + res.latitude);
}
});
Wenn Sie bestimmte geografische Standortinformationen verwenden möchten
1. Sie benötigen Tencent Maps , um zu Tencent Maps zu gehen und einen Schlüssel zu beantragen.
2. Über den WebserviceAPI-Dienst: Konsole -> Schlüsselverwaltung -> Einstellungen (verwenden Sie den Schlüssel dieser Funktion) -> Überprüfen Sie webserviceAPI -> Speichern (das Applet-SDK muss einige Dienste von webserviceAPI verwenden, daher muss der SCHLÜSSEL zur Verwendung dieser Funktion über entsprechende Berechtigungen verfügen.)
3. Gehen Sie hier zu Tencent Maps, um die JS-Datei herunterzuladen, die Sie verwenden möchten.
4. Nach der Dekomprimierung können Sie zwei JS-Dateien erhalten, die Sie in Ihr Projektdateiverzeichnis einfügen müssen
. Dateiimport oder globaler Import
import map from'@static/js/qqmap-wx-jssdk.min.js'```
// 获取经纬度
getLocation(){
let _this = this;
uni.getLocation({
type: 'wgs84',
success: function (res) {
console.log('当前位置的经度:' + res.longitude);
console.log('当前位置的纬度:' + res.latitude);
_this.getNowCityInfo(res) //获取城市信息
}
});
},
// 获取当前城市信息
getNowCityInfo(lag) {
let qqmapsdk = new map({
key: '' //腾讯地图 - 申请开发者密钥(key)
});
qqmapsdk.reverseGeocoder({
location: {
longitude: lag.longitude,
latitude: lag.latitude
},
success(res) {
console.log('当前位置信息',res)
}
})
}
6. Ein weiterer Punkt ist, dass Sie die Standortautorisierungsaufforderung festlegen müssen, wenn Sie Uniapp zum Entwickeln von Applets verwenden.