uniapp使用高德地圖解析經緯度轉為中文地址
一、下載amap-wx.js
下載地址:https://lbs.amap.com/api/wx/download
獲取檔案如下:
將amap-wx.js複製到自己的專案中。
二、引入微信jsdk
<script lang='ts'>
import { Component, Vue } from "vue-property-decorator";
import _config from "@/config.ts";
var amapFile = require('@/utils/amap-wx.js'),//引入剛剛下載的檔案
//設定初始化
markersData = {
latitude: '',//緯度
longitude: '',//經度
key: "xxxxxxxxxxxxxxx"//申請的高德地圖key
}
@Component({})
Tips:這裡key需要自己在高德地圖申請,申請方法不做過多描述,網上一搜就有很多,對應的key值需要對應的服務。比如:我是微信小程式應用到的,所以就必須選擇微信小程式
三、使用
getLocation() {
this.getSetting();
this.doGetLocation();
}
/* 是否授權,沒有授權則授權 */
getSetting() {
console.log(1)
return new Promise((resolve, reject) => {
uni.getSetting({
success: (res) => {
if (res.authSetting["scope.userLocation"] === undefined) {
resolve(0);
return;
}
if (res.authSetting["scope.userLocation"]) {
resolve(1);
} else {
resolve(2);
}
},
});
});
}
//獲取經緯度
doGetLocation() {
uni.getLocation({
type: "wgs84",
success: (res) => {
this.getCity(res.latitude, res.longitude);
},
fail: (err) => {
uni.showToast({
title: "獲取失敗",
});
},
});
}
//解析經緯度
getCity(latitude: any, longitude: any) {
console.log(latitude,longitude)
let that = this;
var myAmapFun = new amapFile.AMapWX({ key: markersData.key });
myAmapFun.getRegeo({
location: "" + longitude + "," + latitude + "", //location的格式為'經度,緯度'
success: function (e: any) {
that.city = e[0].regeocodeData.addressComponent.city; //城市
that.province = e[0].regeocodeData.addressComponent.province; //省份
console.log(that.city,that.province)
},
fail: function (info:any) {
console.log(info);
},
});
}
相關文章
- js根據經緯度,獲取省市區。(百度地圖逆地址解析)JS地圖
- 如何快速將地址解析為經緯度座標?
- 高德解析城市的分析,根據高德的經緯度獲取城市cityCode
- uniapp 高德地圖 sha 生成方法APP地圖
- Android高德地圖定位SDK 返回資訊中只有經緯度問題解決Android地圖
- 微信小程式 計算兩地之間的距離 + 高德地圖獲取經緯度 + elasticsearch微信小程式地圖Elasticsearch
- Qt/C++地址轉座標/座標轉地址/逆地址解析/支援百度高德騰訊和天地圖QTC++地圖
- 經緯度轉換
- 高德地圖app怎麼使用北斗地圖? 高德地圖設定北斗地圖的教程地圖APP
- java百度地圖介面呼叫獲取經緯度Java地圖
- DcatAdmin 透過下拉選擇框搜尋地圖地址(經緯度,城市等資訊)地圖
- 微信小程式獲取手機定位+經緯度轉詳細地址微信小程式
- 百度地圖JavaScript API 學習之地址解析地圖JavaScriptAPI
- 高德地圖API中折線polyline不能跨越180度經度線的解決方案地圖API
- react中使用高德地圖的原生APIReact地圖API
- 高德地圖和google地圖適配地圖Go
- Java根據地理位置獲取經緯度(呼叫百度地圖API)Java地圖API
- C#根據經緯度獲取實體地址C#
- uni-app 呼叫安卓 高德sdk獲取經緯度(替代 uni.getLocation)APP安卓
- vue 高德地圖實現進度條軌跡回放Vue地圖
- 地圖資料採集,包括百度地圖採集,高德地圖採集,360地圖採集地圖
- vue中使用高德地圖自定義開發Vue地圖
- javaweb使用高德地圖進行網頁定位JavaWeb地圖網頁
- iOS-百度地圖螢幕所顯示範圍內的經緯度iOS地圖
- vue 高德地圖 三維切換為二維Vue地圖
- 高德地圖之地圖的屬性地圖
- java 根據兩個位置的經緯度,來計算兩地的距離 經緯度處理Java
- 百度地圖、高德地圖收藏夾位置資訊匯出小工具分享地圖
- 高德地圖開發彙總地圖
- 高德地圖JSAPI學習(一)地圖JSAPI
- 如何使用H5喚起原生地圖APP(百度、高德、騰訊地圖等)H5地圖APP
- 高德地圖之地圖的生命週期地圖
- R語言:根據經緯度在世界地圖上畫出各個點R語言地圖
- ConvertLatOrLonFilter-經緯度格式轉換-保留6位Filter
- 高德地圖首席科學家任小楓:視覺智慧在高德地圖的應用地圖視覺
- Android高德地圖貼合圖片完成手繪地圖展示Android地圖
- 高德地圖的四處進擊地圖
- java接入高德地圖常用WEB APIJava地圖WebAPI