【uniapp-高德地图IP定位服务】

最新推荐文章于 2025-05-08 16:19:13 发布

历目

最新推荐文章于 2025-05-08 16:19:13 发布

阅读量582

点赞数 1

CC 4.0 BY-SA版权

分类专栏： uniapp 前端插件文章标签： uni-app javascript 前端

本文链接：https://blog.youkuaiyun.com/limuzhixing/article/details/130004192

前端插件同时被 2 个专栏收录

10 篇文章

订阅专栏

uniapp

2 篇文章

订阅专栏

该代码段展示了如何利用高德地图的API进行IP定位。首先，检查本地存储的最近省份信息，如果过期则发起网络请求获取最新位置。通过uni.request从https://restapi.amap.com/v3/ip获取数据，并更新历史记录。失败时返回错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

高德地图开发控制台
 高德地图IP定位

申请key

在这里插入图片描述

使用IP定位服务

//向外导出省份
export function getProvince(){
	return new Promise((resolve,reject)=>{
		let historyProvince=uni.getStorageSync("historyProvince");
		if(historyProvince){			
			if((Date.now() - historyProvince.time) > 1000*60*60){				
				getIp().then(res=>{
					resolve(res)
				}).catch(err=>{
					reject(err)
				})	
			}else{				
				resolve(historyProvince.province);
			}
		}else{			
			getIp().then(res=>{
				resolve(res)
			}).catch(err=>{
				reject(err)
			})		
		}	
	})
}

//获取所在省市
function getIp(){
	return new Promise((resolve,reject)=>{
		uni.request({
			url:"https://restapi.amap.com/v3/ip?key=上面申请的key",
			success:res=>{				
				let str=""				
				typeof(res.data.province) == "string" ? str=res.data.province :str="火星"
				resolve(str)
				let obj={
					province:str,
					time:Date.now()
				}
				uni.setStorageSync("historyProvince",obj);				
			},
			fail:err=>{
				reject(err)
			}
		})
	})	
}