当前位置:   article > 正文

uniapp微信小程序地图,获取位置授权,打开手机内置地图_uniapp打开手机自带导航

uniapp打开手机自带导航
  1. <map style="width:100%;height:100vh;" :latitude="latitude" :longitude="longitude" :scale="scale" :markers="marker" @markertap="tan()">
  2. onLoad() {
  3. this.goMap()
  4. },
  5. //打开手机内置地图
  6. toMap() {
  7. console.log('点击导航')
  8. uni.openLocation({
  9. latitude: Number(this.latitude), //要去的纬度-地址
  10. longitude: Number(this.longitude), //要去的经度-地址
  11. address: this.address, //要去的具体地址
  12. //此处踩坑的问题2
  13. //latitude 和 longitude的值一定要是number类型。
  14. //所以传递的时候需要使用Number将其转换一下。
  15. })
  16. },
  17. //获取位置授权
  18. goMap() {
  19. const that = this
  20. // uniapp 需要先调取用户授权请求询问用户是否授权
  21. uni.authorize({
  22. scope: 'scope.userLocation',
  23. success(res) {
  24. uni.getLocation({
  25. type: 'wgs84',
  26. success: (res) => {
  27. console.log(res)
  28. console.log('纬度:' + res.latitude);
  29. console.log('经度:' + res.longitude);
  30. that.latitude = res.latitude
  31. that.longitude = res.longitude
  32. }
  33. })
  34. },
  35. fail(err) {
  36. uni.$showMsg('获取位置失败!')
  37. }
  38. })
  39. }

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

闽ICP备14008679号