uniapp显示地图定位

UniApp是一个跨平台的开发框架，可以用于开发多种类型的应用程序，包括显示地图和定位功能。要在UniApp中显示地图并进行定位，可以使用uni-app官方提供的插件uni-location和uni-map。

首先，需要在项目的manifest.json文件中配置uni-location和uni-map插件。在"uni_modules"字段下添加以下代码：

"uni-location": {
  "provider": "uni-app",
  "version": "1.0.0"
},
"uni-map": {
  "provider": "uni-app",
  "version": "1.0.0"
}

然后，在需要显示地图的页面中引入uni-map组件，并在data中定义地图相关的数据：

<template>
  <view>
    <uni-map :longitude="longitude" :latitude="latitude" :markers="markers"></uni-map>
  </view>
</template>

<script>
export default {
  data() {
    return {
      longitude: 0, // 经度
      latitude: 0, // 纬度
      markers: [] // 标记点
    }
  },
  mounted() {
    // 获取当前位置
    uni.getLocation({
      type: 'gcj02',
      success: (res) => {
        this.longitude = res.longitude
        this.latitude = res.latitude
        this.markers = [{
          id: 1,
          longitude: res.longitude,
          latitude: res.latitude,
          title: '当前位置'
        }]
      }
    })
  }
}
</script>

以上代码中，通过uni.getLocation方法获取当前位置的经纬度，并将其赋值给longitude和latitude变量。然后，将当前位置作为标记点添加到markers数组中。最后，在模板中使用uni-map组件，并将经纬度和标记点传递给组件进行地图显示。