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服务!!!!!!

 不然会出现类似于这种的错误

 当然自己参照高德地图也能查到错误的原因

 

 最后上一个效果图!!

 

 

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐