如何在Google Map api中过滤包含文本和数字的参数

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>

<div id="map"></div>

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点的经纬度
    zoom: 12 // 设置地图缩放级别
  });

  var input = document.getElementById('filter-input'); // 获取包含过滤参数的输入框
  var filterButton = document.getElementById('filter-button'); // 获取过滤按钮

  filterButton.addEventListener('click', function() {
    var filterValue = input.value.toLowerCase(); // 获取输入框的值并转换为小写

    // 在地图上添加标记，并根据过滤参数进行筛选
    // 这里仅作示例，你可以根据实际需求进行修改
    // 下面的代码仅筛选标记的标题中包含过滤参数的情况
    // 你可以根据需要修改为筛选其他属性或自定义筛选逻辑
    markers.forEach(function(marker) {
      if (marker.getTitle().toLowerCase().includes(filterValue)) {
        marker.setMap(map);
      } else {
        marker.setMap(null);
      }
    });
  });

  // 添加标记到地图上，这里仅作示例
  // 你可以根据实际需求添加自己的标记
  var markers = [
    new google.maps.Marker({
      position: {lat: 37.7749, lng: -122.4194},
      title: 'San Francisco, CA'
    }),
    new google.maps.Marker({
      position: {lat: 34.0522, lng: -118.2437},
      title: 'Los Angeles, CA'
    }),
    new google.maps.Marker({
      position: {lat: 41.8781, lng: -87.6298},
      title: 'Chicago, IL'
    })
  ];

  // 将所有标记添加到地图上
  markers.forEach(function(marker) {
    marker.setMap(map);
  });
}

<input type="text" id="filter-input" placeholder="输入过滤参数">
<button id="filter-button">过滤</button>