微信小程序 获取地理位置(显示地图并显示经纬度) 📍🗺️

一、前言 📝

微信小程序在我们的日常生活中应用越来越广泛，其中地理位置功能更是让用户体验更加个性化。本文将为大家详细介绍如何在微信小程序中获取地理位置，并展示在地图上以及显示具体的经纬度。

二、准备工作 🛠️

在开始之前，请确保已经在微信开发者工具中创建了一个新的小程序项目，并且已经添加了地理位置权限。

三、代码实现 🖥️

首先，在app.json文件中配置页面路径：

```json

{

"pages": [

"pages/index/index"

],

"permission": {

"scope.userLocation": {

"desc": "你的位置信息将用于小程序位置接口的效果展示"

}

}

}

```

接着，在index.js文件中编写以下代码：

```javascript

Page({

data: {

latitude: '',

longitude: ''

},

onLoad: function () {

wx.getLocation({

type: 'wgs84',

success: (res) => {

this.setData({

latitude: res.latitude,

longitude: res.longitude

});

}

});

}

});

```

四、展示结果 🎉

最后，在index.wxml文件中添加地图组件：

```html

```

通过以上步骤，我们就可以在微信小程序中成功获取并显示用户的位置信息啦！快去试试吧！🚀