uniapp中使用markertap功能，实现跳转页面

在uni-app中，要利用`markerTap`功能实现点击地图上的标记跳转到另一个页面，你可以按照以下步骤操作：

1. 首先，你需要在项目中引入`amap-vue`库，这是阿里云提供的高德地图组件。可以在`main.js`文件中通过`import`导入并注册它。

// main.js
import AMap from '@amap/amap-vue';
AMap.initAMapApiLoader({
  key: 'your_amap_key', // 替换为你自己的高德地图API Key
});
Vue.use(AMap);

2. 创建地图组件并在其中添加`Marker`组件，设置`position`属性为标记的位置，同时监听`tap`事件：

<template>
  <div class="map-container">
    <amap :center="center" zoom="15">
      <amap-marker v-for="(marker, index) in markers" :key="index" @tap="jumpToPage(marker)" :position="marker.position"></amap-marker>
    </amap>
  </div>
</template>

<script>
export default {
  data() {
    return {
      center: [116.404, 39.9], // 北京坐标作为示例
      markers: [
        { position: [116.404, 39.9], title: '北京' },
        // 其他标记数据...
      ],
    };
  },
  methods: {
    jumpToPage(marker) {
      this.$router.push({ name: 'TargetPage', params: { markerTitle: marker.title } }); // 跳转到TargetPage组件，并传递标记信息
    },
  },
};
</script>

在这个例子中，当用户点击某个标记时，会触发`jumpToPage`方法，然后使用Vue Router将用户导航到名为`TargetPage`的页面，并通过`params`传递给目标页面的`markerTitle`变量。