微信小程序如何使用地图开发获取位置信息

水深无声 2023-06-30 01:49 15阅读 0赞

1.  在`app.json`中开发小程序的接口权限，设置`permission`的权限，在里面配置`scope.userLocation`，开放位置权限，代码如下所示：

"permission": { 
        "scope.userLocation": { 
          "desc": "你的位置信息将用于小程序位置接口的展示" 
        }
      },

1.  在页面`indx.wxml`中，调用`map`的信息，代码如下所示：

1.  在`data`中定义经度和纬度信息，设置`longitude`和`latitude`的值为空，代码如下所示：

longitude: "",
    latitude: ""

1.  在页面当中`index.js`进行相应的配置，在`Page`中，`onShow()`方法调用一个获取位置的函数，使得一进入页面的时候，就会执行，获取到当前的位置信息，代码如下所示：

onShow() { 
        this.getLocation()
    }

1.  在`Page`中定义`getLocation()`函数，写上`wx.getLocation()`方法，获取到当前的地理位置，在里面定义`type`类型为`gcj02`，同时调用成功后的回调函数，代码如下所示：

getLocation() { 
        wx.getLocation({ 
          type: 'gcj02',
          success: this.getLocationSucces.bind(this)
        })
    }

1.  在`Page`中定义`getLocationSucces()`函数，通过`this.setData()`方法，将响应获得的经度和纬度值赋值给当前的经度和纬度值，就可以成功使用地图开发获取到当前的位置信息，代码如下所示：

getLocationSucces(res) { 
        this.setData({ 
          longitude: res.longitude,
          latitude: res.latitude
        })
    }

还没有评论，来说两句吧...