当前位置:   article > 正文

uniapp获取定位_uniapp 高德获取经纬度

uniapp 高德获取经纬度

Uniapp 是一种跨平台应用开发框架,它能够快速地构建出针对不同平台的应用程序。在Uniapp中,实现定位功能也变得十分简单,只需要简单的配置就能轻松实现。

一、高德地图根据指定位置获取经纬度

        参考地址:地理/逆地理编码-基础 API 文档-开发指南-Web服务 API | 高德地图API

  1. // 获取经纬度
  2. uni.request({
  3. url: 'https://restapi.amap.com/v3/geocode/geo?parameters',
  4. method:'GET',
  5. data: {
  6. key:'您的Key',
  7. address:'您想要的地址'
  8. },
  9. success: (res) => {
  10. console.log('高德res',res.data.geocodes)
  11. let jd = res.data.geocodes[0].location.split(',')[0]
  12. let wd = res.data.geocodes[0].location.split(',')[1]
  13. console.log(jd,wd);
  14. },
  15. })

二、百度地图根据经纬度获取当前位置

        参考地址:全球逆地理编码 rgc 反geo检索 | 百度地图API SDK

  1. // 获取当前位置的定位位置
  2. let that = this
  3. uni.getLocation({
  4. type: 'wgs84',
  5. success: function (res) {
  6. //经纬度获取
  7. const latitude = res.latitude;
  8. const longitude = res.longitude;
  9. uni.request({
  10. url:'https://api.map.baidu.com/reverse_geocoding/v3/',
  11. data:{
  12. ak:'您的key',
  13. output:'json',
  14. coordtype:'wgs84ll',
  15. location: `${latitude},${longitude}`
  16. },
  17. success:function(data){
  18. let str=data.data.result.formatted_address
  19. console.log(str);
  20. }
  21. })
  22. },
  23. //如果错误打印错误信息
  24. fail:function(err){
  25. console.log(err);
  26. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/514696
推荐阅读
相关标签
  

闽ICP备14008679号