devbox
酷酷是懒虫
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

uniapp 微信小程序使用高德api获取用户位置信息_amap-wx

作者：酷酷是懒虫 | 2024-08-12 05:54:47

赞

踩

amap-wx

1.进入高德开放平台创建应用https://console.amap.com/dev/key/app

2.添加amap-wx.130.js文件

配置工程-创建工程-开发指南-微信小程序插件 | 高德地图API

上面这个链接下载的 amap-wx.130.js文件直接使用会报错  需要转成es6的方式 如图片下面的代码可以直接使用

  1. function AMapWX(a) {
  2.     this.key = a.key;
  3.     this.requestConfig = {
  4.         key: a.key,
  5.         s: "rsx",
  6.         platform: "WXJS",
  7.         appname: a.key,
  8.         sdkversion: "1.2.0",
  9.         logversion: "2.0"
  10.     };
  11.     this.MeRequestConfig = {key: a.key, serviceName: "https://restapi.amap.com/rest/me"}
  12. }
  13.  
  14. AMapWX.prototype.getWxLocation = function (a, b) {
  15.     wx.getLocation({
  16.         type: "gcj02", success: function (c) {
  17.             c = c.longitude + "," + c.latitude;
  18.             wx.setStorage({key: "userLocation", data: c});
  19.             b(c)
  20.         }, fail: function (c) {
  21.             wx.getStorage({
  22.                 key: "userLocation", success: function (d) {
  23.                     d.data && b(d.data)
  24.                 }
  25.             });
  26.             a.fail({errCode: "0", errMsg: c.errMsg || ""})
  27.         }
  28.     })
  29. };
  30. AMapWX.prototype.getMEKeywordsSearch = function (a) {
  31.     if (!a.options) return a.fail({errCode: "0", errMsg: "\u7f3a\u5c11\u5fc5\u8981\u53c2\u6570"});
  32.     var b = a.options, c = this.MeRequestConfig,
  33.         d = {key: c.key, s: "rsx", platform: "WXJS", appname: a.key, sdkversion: "1.2.0", logversion: "2.0"};
  34.     b.layerId && (d.layerId = b.layerId);
  35.     b.keywords && (d.keywords = b.keywords);
  36.     b.city && (d.city = b.city);
  37.     b.filter && (d.filter = b.filter);
  38.     b.sortrule && (d.sortrule = b.sortrule);
  39.     b.pageNum && (d.pageNum = b.pageNum);
  40.     b.pageSize && (d.pageSize = b.pageSize);
  41.     b.sig && (d.sig =
  42.         b.sig);
  43.     wx.request({
  44.         url: c.serviceName + "/cpoint/datasearch/local",
  45.         data: d,
  46.         method: "GET",
  47.         header: {"content-type": "application/json"},
  48.         success: function (e) {
  49.             (e = e.data) && e.status && "1" === e.status && 0 === e.code ? a.success(e.data) : a.fail({
  50.                 errCode: "0",
  51.                 errMsg: e
  52.             })
  53.         },
  54.         fail: function (e) {
  55.             a.fail({errCode: "0", errMsg: e.errMsg || ""})
  56.         }
  57.     })
  58. };
  59. AMapWX.prototype.getMEIdSearch = function (a) {
  60.     if (!a.options) return a.fail({errCode: "0", errMsg: "\u7f3a\u5c11\u5fc5\u8981\u53c2\u6570"});
  61.     var b = a.options, c = this.MeRequestConfig,
  62.         d = {key: c.key, s: "rsx", platform: "WXJS", appname: a.key, sdkversion: "1.2.0", logversion: "2.0"};
  63.     b.layerId && (d.layerId = b.layerId);
  64.     b.id && (d.id = b.id);
  65.     b.sig && (d.sig = b.sig);
  66.     wx.request({
  67.         url: c.serviceName + "/cpoint/datasearch/id",
  68.         data: d,
  69.         method: "GET",
  70.         header: {"content-type": "application/json"},
  71.         success: function (e) {
  72.             (e = e.data) && e.status && "1" === e.status &&
  73.             0 === e.code ? a.success(e.data) : a.fail({errCode: "0", errMsg: e})
  74.         },
  75.         fail: function (e) {
  76.             a.fail({errCode: "0", errMsg: e.errMsg || ""})
  77.         }
  78.     })
  79. };
  80. AMapWX.prototype.getMEPolygonSearch = function (a) {
  81.     if (!a.options) return a.fail({errCode: "0", errMsg: "\u7f3a\u5c11\u5fc5\u8981\u53c2\u6570"});
  82.     var b = a.options, c = this.MeRequestConfig,
  83.         d = {key: c.key, s: "rsx", platform: "WXJS", appname: a.key, sdkversion: "1.2.0", logversion: "2.0"};
  84.     b.layerId && (d.layerId = b.layerId);
  85.     b.keywords && (d.keywords = b.keywords);
  86.     b.polygon && (d.polygon = b.polygon);
  87.     b.filter && (d.filter = b.filter);
  88.     b.sortrule && (d.sortrule = b.sortrule);
  89.     b.pageNum && (d.pageNum = b.pageNum);
  90.     b.pageSize && (d.pageSize = b.pageSize);
  91.     b.sig && (d.sig = b.sig);
  92.     wx.request({
  93.         url: c.serviceName + "/cpoint/datasearch/polygon",
  94.         data: d,
  95.         method: "GET",
  96.         header: {"content-type": "application/json"},
  97.         success: function (e) {
  98.             (e = e.data) && e.status && "1" === e.status && 0 === e.code ? a.success(e.data) : a.fail({
  99.                 errCode: "0",
  100.                 errMsg: e
  101.             })
  102.         },
  103.         fail: function (e) {
  104.             a.fail({errCode: "0", errMsg: e.errMsg || ""})
  105.         }
  106.     })
  107. };
  108. AMapWX.prototype.getMEaroundSearch = function (a) {
  109.     if (!a.options) return a.fail({errCode: "0", errMsg: "\u7f3a\u5c11\u5fc5\u8981\u53c2\u6570"});
  110.     var b = a.options, c = this.MeRequestConfig,
  111.         d = {key: c.key, s: "rsx", platform: "WXJS", appname: a.key, sdkversion: "1.2.0", logversion: "2.0"};
  112.     b.layerId && (d.layerId = b.layerId);
  113.     b.keywords && (d.keywords = b.keywords);
  114.     b.center && (d.center = b.center);
  115.     b.radius && (d.radius = b.radius);
  116.     b.filter && (d.filter = b.filter);
  117.     b.sortrule && (d.sortrule = b.sortrule);
  118.     b.pageNum && (d.pageNum = b.pageNum);
  119.     b.pageSize &&
  120.     (d.pageSize = b.pageSize);
  121.     b.sig && (d.sig = b.sig);
  122.     wx.request({
  123.         url: c.serviceName + "/cpoint/datasearch/around",
  124.         data: d,
  125.         method: "GET",
  126.         header: {"content-type": "application/json"},
  127.         success: function (e) {
  128.             (e = e.data) && e.status && "1" === e.status && 0 === e.code ? a.success(e.data) : a.fail({
  129.                 errCode: "0",
  130.                 errMsg: e
  131.             })
  132.         },
  133.         fail: function (e) {
  134.             a.fail({errCode: "0", errMsg: e.errMsg || ""})
  135.         }
  136.     })
  137. };
  138. AMapWX.prototype.getGeo = function (a) {
  139.     var b = this.requestConfig, c = a.options;
  140.     b = {
  141.         key: this.key,
  142.         extensions: "all",
  143.         s: b.s,
  144.         platform: b.platform,
  145.         appname: this.key,
  146.         sdkversion: b.sdkversion,
  147.         logversion: b.logversion
  148.     };
  149.     c.address && (b.address = c.address);
  150.     c.city && (b.city = c.city);
  151.     c.batch && (b.batch = c.batch);
  152.     c.sig && (b.sig = c.sig);
  153.     wx.request({
  154.         url: "https://restapi.amap.com/v3/geocode/geo",
  155.         data: b,
  156.         method: "GET",
  157.         header: {"content-type": "application/json"},
  158.         success: function (d) {
  159.             (d = d.data) && d.status && "1" === d.status ? a.success(d) : a.fail({
  160.                 errCode: "0",
  161.                 errMsg: d
  162.             })
  163.         },
  164.         fail: function (d) {
  165.             a.fail({errCode: "0", errMsg: d.errMsg || ""})
  166.         }
  167.     })
  168. };
  169. AMapWX.prototype.getRegeo = function (a) {
  170.     function b(d) {
  171.         var e = c.requestConfig;
  172.         wx.request({
  173.             url: "https://restapi.amap.com/v3/geocode/regeo",
  174.             data: {
  175.                 key: c.key,
  176.                 location: d,
  177.                 extensions: "all",
  178.                 s: e.s,
  179.                 platform: e.platform,
  180.                 appname: c.key,
  181.                 sdkversion: e.sdkversion,
  182.                 logversion: e.logversion
  183.             },
  184.             method: "GET",
  185.             header: {"content-type": "application/json"},
  186.             success: function (g) {
  187.                 if (g.data.status && "1" == g.data.status) {
  188.                     g = g.data.regeocode;
  189.                     var h = g.addressComponent, f = [], k = g.roads[0].name + "\u9644\u8fd1", m = d.split(",")[0],
  190.                         n = d.split(",")[1];
  191.                     if (g.pois &&
  192.                         g.pois[0]) {
  193.                         k = g.pois[0].name + "\u9644\u8fd1";
  194.                         var l = g.pois[0].location;
  195.                         l && (m = parseFloat(l.split(",")[0]), n = parseFloat(l.split(",")[1]))
  196.                     }
  197.                     h.provice && f.push(h.provice);
  198.                     h.city && f.push(h.city);
  199.                     h.district && f.push(h.district);
  200.                     h.streetNumber && h.streetNumber.street && h.streetNumber.number ? (f.push(h.streetNumber.street), f.push(h.streetNumber.number)) : f.push(g.roads[0].name);
  201.                     f = f.join("");
  202.                     a.success([{
  203.                         iconPath: a.iconPath,
  204.                         width: a.iconWidth,
  205.                         height: a.iconHeight,
  206.                         name: f,
  207.                         desc: k,
  208.                         longitude: m,
  209.                         latitude: n,
  210.                         id: 0,
  211.                         regeocodeData: g
  212.                     }])
  213.                 } else a.fail({
  214.                     errCode: g.data.infocode,
  215.                     errMsg: g.data.info
  216.                 })
  217.             },
  218.             fail: function (g) {
  219.                 a.fail({errCode: "0", errMsg: g.errMsg || ""})
  220.             }
  221.         })
  222.     }
  223.  
  224.     var c = this;
  225.     a.location ? b(a.location) : c.getWxLocation(a, function (d) {
  226.         b(d)
  227.     })
  228. };
  229. AMapWX.prototype.getWeather = function (a) {
  230.     function b(g) {
  231.         var h = "base";
  232.         a.type && "forecast" == a.type && (h = "all");
  233.         wx.request({
  234.             url: "https://restapi.amap.com/v3/weather/weatherInfo",
  235.             data: {
  236.                 key: d.key,
  237.                 city: g,
  238.                 extensions: h,
  239.                 s: e.s,
  240.                 platform: e.platform,
  241.                 appname: d.key,
  242.                 sdkversion: e.sdkversion,
  243.                 logversion: e.logversion
  244.             },
  245.             method: "GET",
  246.             header: {"content-type": "application/json"},
  247.             success: function (f) {
  248.                 if (f.data.status && "1" == f.data.status) if (f.data.lives) {
  249.                     if ((f = f.data.lives) && 0 < f.length) {
  250.                         f = f[0];
  251.                         var k = {
  252.                             city: {text: "\u57ce\u5e02", data: f.city},
  253.                             weather: {text: "\u5929\u6c14", data: f.weather},
  254.                             temperature: {text: "\u6e29\u5ea6", data: f.temperature},
  255.                             winddirection: {text: "\u98ce\u5411", data: f.winddirection + "\u98ce"},
  256.                             windpower: {text: "\u98ce\u529b", data: f.windpower + "\u7ea7"},
  257.                             humidity: {text: "\u6e7f\u5ea6", data: f.humidity + "%"}
  258.                         };
  259.                         k.liveData = f;
  260.                         a.success(k)
  261.                     }
  262.                 } else f.data.forecasts && f.data.forecasts[0] && a.success({forecast: f.data.forecasts[0]}); else a.fail({
  263.                     errCode: f.data.infocode,
  264.                     errMsg: f.data.info
  265.                 })
  266.             },
  267.             fail: function (f) {
  268.                 a.fail({errCode: "0", errMsg: f.errMsg || ""})
  269.             }
  270.         })
  271.     }
  272.  
  273.     function c(g) {
  274.         wx.request({
  275.             url: "https://restapi.amap.com/v3/geocode/regeo",
  276.             data: {
  277.                 key: d.key,
  278.                 location: g,
  279.                 extensions: "all",
  280.                 s: e.s,
  281.                 platform: e.platform,
  282.                 appname: d.key,
  283.                 sdkversion: e.sdkversion,
  284.                 logversion: e.logversion
  285.             },
  286.             method: "GET",
  287.             header: {"content-type": "application/json"},
  288.             success: function (h) {
  289.                 if (h.data.status && "1" == h.data.status) {
  290.                     h = h.data.regeocode;
  291.                     if (h.addressComponent) var f = h.addressComponent.adcode; else h.aois && 0 < h.aois.length && (f = h.aois[0].adcode);
  292.                     b(f)
  293.                 } else a.fail({errCode: h.data.infocode, errMsg: h.data.info})
  294.             },
  295.             fail: function (h) {
  296.                 a.fail({errCode: "0", errMsg: h.errMsg || ""})
  297.             }
  298.         })
  299.     }
  300.  
  301.     var d = this, e = d.requestConfig;
  302.     a.city ? b(a.city) : d.getWxLocation(a, function (g) {
  303.         c(g)
  304.     })
  305. };
  306. AMapWX.prototype.getPoiAround = function (a) {
  307.     function b(e) {
  308.         e = {
  309.             key: c.key,
  310.             location: e,
  311.             s: d.s,
  312.             platform: d.platform,
  313.             appname: c.key,
  314.             sdkversion: d.sdkversion,
  315.             logversion: d.logversion
  316.         };
  317.         a.querytypes && (e.types = a.querytypes);
  318.         a.querykeywords && (e.keywords = a.querykeywords);
  319.         wx.request({
  320.             url: "https://restapi.amap.com/v3/place/around",
  321.             data: e,
  322.             method: "GET",
  323.             header: {"content-type": "application/json"},
  324.             success: function (g) {
  325.                 if (g.data.status && "1" == g.data.status) {
  326.                     if ((g = g.data) && g.pois) {
  327.                         for (var h = [], f = 0; f < g.pois.length; f++) {
  328.                             var k = 0 ==
  329.                             f ? a.iconPathSelected : a.iconPath;
  330.                             h.push({
  331.                                 latitude: parseFloat(g.pois[f].location.split(",")[1]),
  332.                                 longitude: parseFloat(g.pois[f].location.split(",")[0]),
  333.                                 iconPath: k,
  334.                                 width: 22,
  335.                                 height: 32,
  336.                                 id: f,
  337.                                 name: g.pois[f].name,
  338.                                 address: g.pois[f].address
  339.                             })
  340.                         }
  341.                         a.success({markers: h, poisData: g.pois})
  342.                     }
  343.                 } else a.fail({errCode: g.data.infocode, errMsg: g.data.info})
  344.             },
  345.             fail: function (g) {
  346.                 a.fail({errCode: "0", errMsg: g.errMsg || ""})
  347.             }
  348.         })
  349.     }
  350.  
  351.     var c = this, d = c.requestConfig;
  352.     a.location ? b(a.location) : c.getWxLocation(a, function (e) {
  353.         b(e)
  354.     })
  355. };
  356. AMapWX.prototype.getStaticmap = function (a) {
  357.     function b(e) {
  358.         c.push("location=" + e);
  359.         a.zoom && c.push("zoom=" + a.zoom);
  360.         a.size && c.push("size=" + a.size);
  361.         a.scale && c.push("scale=" + a.scale);
  362.         a.markers && c.push("markers=" + a.markers);
  363.         a.labels && c.push("labels=" + a.labels);
  364.         a.paths && c.push("paths=" + a.paths);
  365.         a.traffic && c.push("traffic=" + a.traffic);
  366.         e = "https://restapi.amap.com/v3/staticmap?" + c.join("&");
  367.         a.success({url: e})
  368.     }
  369.  
  370.     var c = [];
  371.     c.push("key=" + this.key);
  372.     var d = this.requestConfig;
  373.     c.push("s=" + d.s);
  374.     c.push("platform=" + d.platform);
  375.     c.push("appname=" + d.appname);
  376.     c.push("sdkversion=" + d.sdkversion);
  377.     c.push("logversion=" + d.logversion);
  378.     a.location ? b(a.location) : this.getWxLocation(a, function (e) {
  379.         b(e)
  380.     })
  381. };
  382. AMapWX.prototype.getInputtips = function (a) {
  383.     var b = Object.assign({}, this.requestConfig);
  384.     a.location && (b.location = a.location);
  385.     a.keywords && (b.keywords = a.keywords);
  386.     a.type && (b.type = a.type);
  387.     a.city && (b.city = a.city);
  388.     a.citylimit && (b.citylimit = a.citylimit);
  389.     wx.request({
  390.         url: "https://restapi.amap.com/v3/assistant/inputtips",
  391.         data: b,
  392.         method: "GET",
  393.         header: {"content-type": "application/json"},
  394.         success: function (c) {
  395.             c && c.data && c.data.tips && a.success({tips: c.data.tips})
  396.         },
  397.         fail: function (c) {
  398.             a.fail({
  399.                 errCode: "0", errMsg: c.errMsg ||
  400.                     ""
  401.             })
  402.         }
  403.     })
  404. };
  405. AMapWX.prototype.getDrivingRoute = function (a) {
  406.     var b = Object.assign({}, this.requestConfig);
  407.     a.origin && (b.origin = a.origin);
  408.     a.destination && (b.destination = a.destination);
  409.     a.strategy && (b.strategy = a.strategy);
  410.     a.waypoints && (b.waypoints = a.waypoints);
  411.     a.avoidpolygons && (b.avoidpolygons = a.avoidpolygons);
  412.     a.avoidroad && (b.avoidroad = a.avoidroad);
  413.     wx.request({
  414.         url: "https://restapi.amap.com/v3/direction/driving",
  415.         data: b,
  416.         method: "GET",
  417.         header: {"content-type": "application/json"},
  418.         success: function (c) {
  419.             c && c.data && c.data.route && a.success({
  420.                 paths: c.data.route.paths,
  421.                 taxi_cost: c.data.route.taxi_cost || ""
  422.             })
  423.         },
  424.         fail: function (c) {
  425.             a.fail({errCode: "0", errMsg: c.errMsg || ""})
  426.         }
  427.     })
  428. };
  429. AMapWX.prototype.getWalkingRoute = function (a) {
  430.     var b = Object.assign({}, this.requestConfig);
  431.     a.origin && (b.origin = a.origin);
  432.     a.destination && (b.destination = a.destination);
  433.     wx.request({
  434.         url: "https://restapi.amap.com/v3/direction/walking",
  435.         data: b,
  436.         method: "GET",
  437.         header: {"content-type": "application/json"},
  438.         success: function (c) {
  439.             c && c.data && c.data.route && a.success({paths: c.data.route.paths})
  440.         },
  441.         fail: function (c) {
  442.             a.fail({errCode: "0", errMsg: c.errMsg || ""})
  443.         }
  444.     })
  445. };
  446. AMapWX.prototype.getTransitRoute = function (a) {
  447.     var b = Object.assign({}, this.requestConfig);
  448.     a.origin && (b.origin = a.origin);
  449.     a.destination && (b.destination = a.destination);
  450.     a.strategy && (b.strategy = a.strategy);
  451.     a.city && (b.city = a.city);
  452.     a.cityd && (b.cityd = a.cityd);
  453.     wx.request({
  454.         url: "https://restapi.amap.com/v3/direction/transit/integrated",
  455.         data: b,
  456.         method: "GET",
  457.         header: {"content-type": "application/json"},
  458.         success: function (c) {
  459.             c && c.data && c.data.route && (c = c.data.route, a.success({
  460.                 distance: c.distance || "", taxi_cost: c.taxi_cost ||
  461.                     "", transits: c.transits
  462.             }))
  463.         },
  464.         fail: function (c) {
  465.             a.fail({errCode: "0", errMsg: c.errMsg || ""})
  466.         }
  467.     })
  468. };
  469. AMapWX.prototype.getRidingRoute = function (a) {
  470.     var b = Object.assign({}, this.requestConfig);
  471.     a.origin && (b.origin = a.origin);
  472.     a.destination && (b.destination = a.destination);
  473.     wx.request({
  474.         url: "https://restapi.amap.com/v3/direction/riding",
  475.         data: b,
  476.         method: "GET",
  477.         header: {"content-type": "application/json"},
  478.         success: function (c) {
  479.             c && c.data && c.data.route && a.success({paths: c.data.route.paths})
  480.         },
  481.         fail: function (c) {
  482.             a.fail({errCode: "0", errMsg: c.errMsg || ""})
  483.         }
  484.     })
  485. };
  486. // module.exports.AMapWX = AMapWX;
  487. export default { AMapWX };
  488.

3.config目录下

  1.  
  2. export default {
  3.   gdWxKey: '**********',//高德微信key
  4. }

4.封装方法

  1. /**
  2.  * 获取用户当前位置
  3.  */
  4. export function xxzGdUtilsGetRegeo() {
  5.   return new Promise((resolve, reject) => {
  6.     uni.getSetting({
  7.       success(res) {
  8.         if (!res.authSetting['scope.userLocation']) {
  9.           // 位置授权未选择，调起授权
  10.           uni.authorize({
  11.             scope: 'scope.userLocation',
  12.             success() {
  13.               // 用户已同意授权位置信息
  14.               const amapObject = new amap.AMapWX({key: config.gdWxKey})
  15.               amapObject.getRegeo({
  16.                 success: res => resolve(res[0]),
  17.                 fail: err => reject(err)
  18.               });
  19.             },
  20.             fail() {
  21.               // 用户拒绝授权
  22.               uni.showModal({
  23.                 title: '提示',
  24.                 content: '此功能需要获取您的位置信息，请确认授权',
  25.                 success: function (modalRes) {
  26.                   if (modalRes.confirm) {
  27.                     // 再次调起授权
  28.                     uni.openSetting();
  29.                   } else if (modalRes.cancel) {
  30.                     uni.switchTab({
  31.                       url: '/tabbar/home/index',
  32.                     })
  33.                   }
  34.                 }
  35.               });
  36.             }
  37.           });
  38.         } else {
  39.           const amapObject = new amap.AMapWX({key: config.gdWxKey})
  40.           amapObject.getRegeo({
  41.             success: res => resolve(res[0]),
  42.             fail: err => reject(err)
  43.           });
  44.         }
  45.       }
  46.     });
  47.   });
  48. }

5.页面中使用

  1. /**
  2.  * 通过高德API获取用户位置
  3.  */
  4. const getUserLocation = async () => {
  5.   const res: any = await xxzGdUtilsGetRegeo()
  6.   console.log('高德地图',res)
  7. }

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

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号