uniapp地点标注

在UniApp中，你可以使用地图组件来实现地点标注。以下是一个简单的示例：

1. 首先，你需要在`pages`目录下创建一个新的页面，比如`MapPage.vue`。

2. 在`MapPage.vue`中，引入地图组件：

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

<script>
export default {
  data() {
    return {
      longitude: 0, // 经度
      latitude: 0, // 纬度
      markers: [], // 标注点
    };
  },
};
</script>

3. 在`onLoad`生命周期钩子函数中获取要标注的地点的经纬度，并设置`markers`数组：

onLoad() {
  // 获取地点经纬度
  const longitude = 123.456789;
  const latitude = 12.345678;

  // 设置标注点
  const marker = {
    id: 1,
    longitude: longitude,
    latitude: latitude,
    iconPath: '/static/marker.png', // 标注点图标路径
    width: 20,
    height: 20,
    title: '地点名称',
    callout: {
      content: '地点描述',
      display: 'ALWAYS',
      padding: 10,
      borderRadius: 5,
      bgColor: '#ffffff',
    },
  };

  this.longitude = longitude;
  this.latitude = latitude;
  this.markers = [marker];
},

这样，当你进入`MapPage`页面时，就会在地图上标注出指定的地点。你可以根据实际需求调整图标、标注点样式以及显示的信息。