uniapp地图怎么用

以下是在uniapp中使用地图的步骤和示例代码：

1.在HBuilderX中创建uniapp项目，并在manifest.json文件中添加地图插件：

{
  "mp-weixin": {
    "plugins": {
      "myPlugin": {
        "version": "1.0.0",
        "provider": "wxidxxxxxxxxxxxxxxxxx"
      }
    }
  }
}

2.在需要使用地图的页面中引入地图组件：

<template>
  <view>
    <map :longitude="longitude" :latitude="latitude" :markers="markers" style="width: 100%; height: 300px;"></map>
  </view>
</template>

3.在页面的script标签中定义地图相关的数据和方法：

<script>
  export default {
    data() {
      return {
        longitude: 116.397428,
        latitude: 39.90923,
        markers: [{
          id: 1,
          latitude: 39.90923,
          longitude: 116.397428,
          title: 'Marker',
          iconPath: '/static/images/location.png',
          width: 50,
          height: 50
        }]
      }
    },
    methods: {
      getLocation() {
        uni.getLocation({
          type: 'gcj02',
          success: (res) => {
            this.longitude = res.longitude
            this.latitude = res.latitude
            this.markers[0].longitude = res.longitude
            this.markers[0].latitude = res.latitude
          }
        })
      }
    },
    mounted() {
      this.getLocation()
    }
  }
</script>

4.在static文件夹中添加地图图标，例如location.png。