微信小程序map组件如何使用？

微信小程序提供了内置的地图组件，可以轻松地在小程序中展示地图，以及实现相关的功能。以下是使用方法：

1. 在小程序的json文件中引入地图组件

{
? "usingComponents": {
? ? "map": "/miniprogram_npm/@miniprogram-component/map/map"
? }
}

2. 在wxml文件中添加地图组件

<map id="myMap" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" show-location="{{true}}" style="width: 100%; height: 100%;"></map>

其中，longitude和latitude是地理坐标，markers是标记点数组，show-location表示是否显示当前位置。

3. 在js文件中设置地图参数

Page({
? data: {
? ? longitude: 113.324520,
? ? latitude: 23.099994,
? ? markers: [{
? ? ? id: 1,
? ? ? longitude: 113.324520,
? ? ? latitude: 23.099994,
? ? ? name: 'T.I.T 创意园'
? ? }]
? }
})

其中，markers数组中可以包含多个标记点，每个标记点包含id、longitude、latitude和name等属性。

4. 调用地图组件方法

地图组件提供了一些方法，可以实现相关的功能。例如，调用moveToLocation方法可以移动地图到当前位置：

wx.getLocation({
? type: 'gcj02',
? success(res) {
? ? const latitude = res.latitude
? ? const longitude = res.longitude
? ? const speed = res.speed
? ? const accuracy = res.accuracy
? ? this.setData({
? ? ? latitude: latitude,
? ? ? longitude: longitude
? ? })
? ? const mapCtx = wx.createMapContext('myMap')
? ? mapCtx.moveToLocation()
? }
})

以上就是微信小程序引入地图组件的基本用法。可以根据实际需求，调整地图参数和方法，实现更多有趣的功能。