如何使用平滑缩放(api V3)将谷歌地图标记居中？

function initMap() {
  // 创建地图实例
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 10,
    center: {lat: -34.397, lng: 150.644}
  });

  // 在地图加载完毕后执行的回调函数
  map.addListener('tilesloaded', function() {
    // 在这里进行平滑缩放并将标记居中
    smoothZoom(map, marker);
  });
}

function smoothZoom(map, marker) {
  var zoom = map.getZoom();
  var targetZoom = 15; // 设置目标缩放级别
  var step = 0.01; // 设置每一步的缩放增量

  if (zoom < targetZoom) {
    // 如果当前缩放级别小于目标缩放级别，则逐步增加缩放级别
    map.setZoom(zoom + step);
    setTimeout(function() {
      smoothZoom(map, marker);
    }, 10);
  } else if (zoom > targetZoom) {
    // 如果当前缩放级别大于目标缩放级别，则逐步减小缩放级别
    map.setZoom(zoom - step);
    setTimeout(function() {
      smoothZoom(map, marker);
    }, 10);
  } else {
    // 当缩放级别达到目标缩放级别时，将标记居中
    map.setCenter(marker.getPosition());
  }
}

// 创建标记对象
var marker = new google.maps.Marker({
  position: {lat: -34.397, lng: 150.644},
  map: map,
  title: 'Hello World!'
});

// 在地图加载完毕后执行的回调函数
map.addListener('tilesloaded', function() {
  // 在这里进行平滑缩放并将标记居中
  smoothZoom(map, marker);
});