uni-app 腾讯地图标记点和轨迹的按钮控制

uni-app是一个基于Vue.js的跨平台应用开发框架，它允许开发者编写一套代码，生成兼容Android、iOS、Web等多端的应用。在使用uni-app集成腾讯地图时，你可以通过官方提供的`TencentMap`组件轻松添加标记点和轨迹。

对于标记点的按钮控制，你可以这样做：

1. 首先，在页面中导入`TencentMap.Marker`组件：

<view>
  <tencent-map :map="map" @ready="onMapReady"></tencent-map>
</view>

2. 定义一个用于放置标记点的方法，比如`addMarker`：

data() {
  return {
    map: {},
  };
},
methods: {
  addMarker() {
    const marker = new TencentMap.Marker({
      position: { latitude: 0, longitude: 0 }, // 标记位置
      showInfoWindow: true, // 是否显示信息窗口，默认true
      iconUrl: 'marker.png', // 自定义图标路径
    });
    this.map.addMarker(marker);
  }
}

3. 在`onMapReady`事件中初始化地图并添加标记按钮：

methods: {
  onMapReady(e) {
    this.map = e.map;
    // 添加标记按钮
    let button = uni.createSelectorQuery().select('#markerButton');
    button.event('tap', () => {
      this.addMarker();
    }).exec();
  },
}

4. 在模板中添加一个点击触发标记按钮的元素，例如：

<button id="markerButton">添加标记点</button>

至于轨迹的控制，可以使用`TencentMap.Polyline`组件来创建轨迹线，并通过类似的方式控制显示和编辑。记得在需要的时候监听用户的操作事件，如`moveend`或`dragend`，动态更新轨迹。