如何使用Vue过滤从json api端点拉出的Google Map上的管脚

<template>
  <div>
    <input type="text" v-model="filterText" placeholder="输入过滤条件">
    <div id="map"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      markers: [], // 存储从API获取的标记数据
      filterText: '' // 过滤条件
    };
  },
  created() {
    // 从JSON API端点获取标记数据
    // 使用axios或其他HTTP库发送请求
    // 将获取的数据存储到markers数组中
  },
  mounted() {
    // 创建Google Map实例
    // 使用Google Maps JavaScript API
    // 将地图渲染到id为"map"的元素上
  },
  computed: {
    filteredMarkers() {
      // 根据过滤条件对标记数组进行过滤
      return this.markers.filter(marker => {
        // 过滤逻辑，根据自定义条件判断是否保留该标记
        // 可以使用marker的属性进行条件判断
        // 例如：return marker.name.includes(this.filterText);
      });
    }
  }
};
</script>