uniapp组件map地图组件使用

在uniapp中，可以使用uni-app官方提供的map组件来实现地图功能。下面是一个简单的使用示例：

1. 在页面中引入map组件，在template中添加以下代码：

<template>
  <view>
    <!-- map组件 -->
    <map :longitude="longitude" :latitude="latitude" :markers="markers" :show-location="true" style="width: 100%; height: 300px;"></map>
  </view>
</template>

1. 在script中定义相关数据和方法：

<script>
export default {
  data() {
    return {
      longitude: 113.952628,
      latitude: 22.539452,
      markers: [{
        longitude: 113.952628,
        latitude: 22.539452,
        title: 'Marker',
        iconPath: '/static/marker.png',
        width: 32,
        height: 32
      }]
    }
  }
}
</script>

在上述示例中，通过给map组件传递相关属性来实现地图的显示和标记点的添加。其中，longitude和latitude表示地图的中心点经纬度，markers表示标记点的数组，可以在地图上显示多个标记点。在markers中，可以指定标记点的经纬度、标题、图标路径等属性。

需要注意的是，地图组件需要在manifest.json文件中配置相关权限，以及在manifest.json文件的H5配置中添加百度地图密钥（如果使用的是百度地图）。具体的配置方法可以参考uni-app官方文档。