微信小程序实现地图导航+上门回收

最新推荐文章于 2024-05-04 13:00:21 发布

乌木喂喂威恩耶吞温威乌温穆扁欧萨斯

最新推荐文章于 2024-05-04 13:00:21 发布

阅读量406

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/Yokamozs/article/details/118598912

版权

本文介绍了如何在微信小程序中实现地图导航和上门回收功能。首先，需要在小程序官网申请地图Key。接着，通过引入封装好的JS代码，如在app.js中封装wx.login，并在app.json配置相关位置权限。然后，利用wx.getLocation获取当前位置，与后台交互获取周边地理信息，进行地图展示和路线规划。最后，通过wxml、wxss和JavaScript代码示例进行了详细说明。

摘要由CSDN通过智能技术生成

前言

使用微信小程序来获取到地图以及相关的拓展

提示：以下是本篇文章正文内容，下面案例可供参考

一、需要准备什么？

使用微信小程序里面的地图的话得先去小程序官网申请地图相关的Key 在后续的操作中可以使用该key来进行导航

二、使用步骤

1.引入封装好的JS代码

JavaScript代码如下（示例）：


export default class Http{

  request(url,data=[],method='get'){
    var header={}
    var token=wx.getStorageSync('token')
    if(token){
      header['Authization']=token
    }
    var openid=wx.getStorageSync('openid')
    if(openid){
      header['openid']=openid
    }
    var url='http://www.test.com/'+url  // 这里填写自己的接口地址
    return new Promise(function(resove,ret){
        wx.request({