当前位置:   article > 正文

微信小程序获取当前位置,支持位置搜索,拖拽定位_微信小程序 实时 获取地图拖拽的位置

微信小程序 实时 获取地图拖拽的位置
场景:微信小程序收货地址,导航地址,定位等需求

微信开发者工具示例:

手机调试示例:

附上完整代码(在程序里写入这个方法,写点击事件直接进行方法调用,会自动唤起微信地图页面,如上图所示):

  1. getMapLocation() {
  2. uni.chooseLocation({
  3. success: (res) => {
  4. console.log(res);
  5. // this.getRegionFn(res);
  6. // this.mapName = res.address
  7. // this.detailAddress = res.name
  8. console.log(this.mapName)
  9. },
  10. fail: () => {
  11. // 如果用uni.chooseLocation没有获取到地理位置,则需要获取当前的授权信息,判断是否有地理授权信息
  12. uni.getSetting({
  13. success: (res) => {
  14. console.log(res);
  15. var status = res.authSetting;
  16. if (!status['scope.userLocation']) {
  17. // 如果授权信息中没有地理位置的授权,则需要弹窗提示用户需要授权地理信息
  18. uni.showModal({
  19. title: "是否授权当前位置",
  20. content: "需要获取您的地理位置,请确认授权,否则地图功能将无法使用",
  21. success: (tip) => {
  22. if (tip.confirm) {
  23. // 如果用户同意授权地理信息,则打开授权设置页面,判断用户的操作
  24. uni.openSetting({
  25. success: (
  26. data) => {
  27. // 如果用户授权了地理信息在,则提示授权成功
  28. if (data
  29. .authSetting[
  30. 'scope.userLocation'
  31. ] ===
  32. true) {
  33. uni.showToast({
  34. title: "授权成功",
  35. icon: "success",
  36. duration: 1000
  37. })
  38. // 授权成功后,然后再次chooseLocation获取信息
  39. uni.chooseLocation({
  40. success: (
  41. res
  42. ) => {
  43. // this.mapName =res.addres
  44. // this.detailAddress = res.name
  45. }
  46. })
  47. } else {
  48. uni.showToast({
  49. title: "授权失败",
  50. icon: "none",
  51. duration: 1000
  52. })
  53. }
  54. }
  55. })
  56. }
  57. }
  58. })
  59. }
  60. },
  61. fail: (res) => {
  62. uni.showToast({
  63. title: "调用授权窗口失败",
  64. icon: "none",
  65. duration: 1000
  66. })
  67. }
  68. })
  69. }
  70. });
  71. },

在调试过程中遇到位置授权问题,部分手机无法展示页面,一直停留在位置隐私等管理页面,暂时解决方案:(开发者工具基础库改为支持该方法的最低版本,具体问题具体分析吧);

如果报错 chooseLocation is not function,需要登录微信开发者官网查看是可使用这个api。

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号