如何在标签页Bootstrap中设置缩放地图以显示所有标记？

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

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

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194},
    zoom: 10
  });

  var marker = new google.maps.Marker({
    position: {lat: 37.7749, lng: -122.4194}, // 设置标记的位置坐标
    map: map // 将标记添加到地图上
  });
}

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194},
    zoom: 10
  });

  var marker = new google.maps.Marker({
    position: {lat: 37.7749, lng: -122.4194},
    map: map
  });

  var bounds = new google.maps.LatLngBounds(); // 创建一个边界对象

  bounds.extend(marker.getPosition()); // 将标记的位置添加到边界对象中

  map.fitBounds(bounds); // 调整地图的缩放级别和中心点，以包含所有标记
}