1.首先得在app.config.ts文件里加上这段代码不然的话就会报下面的错误
2.代码片段
//获取当前位置
const getLocation=()=>{
Taro.showModal({
title: "温馨提示",
content: "需要获取您的位置信息,请允许",
success: (tip) => {
if (tip.confirm) {
Taro.getLocation({
success: (res) => {
//请求高德地图api
Taro.request({
url:`https://restapi.amap.com/v3/geocode/regeo?location=${res.longitude},${res.latitude}&key=高德地图key&radius=&poitype=&extensions=all&batch=false&roadlevel=`,
success:(ress)=>{
console.log("adddd",ress)
}
})
console.log("res",res)
},
});
} else if (tip.cancel) {
Taro.navigateBack();
}
},
});
}
useEffect(()=>{
getLocation()
},[])
这里需要注意的是key一定要选 这个web服务!!!!!!
不然会出现类似于这种的错误
当然自己参照高德地图也能查到错误的原因
最后上一个效果图!!