javascript - Google Maps JavaScript API - setCenter を使用した fitbounds

Question

この問題の解決策を探していますが、これを解決するものを見つけることができないようです。私が得る最も近いのはこのスレッドです。しかし、これはうまくいきません。

私がやろうとしているのは、正常に機能する一連のマーカーに基づいて fitbounds を実行することです。しかし、ユーザーの位置 (プランクの跳ねるマーカー) に基づいてマップを中央に配置し、すべてのマーカーをマップ ビュー内に保持したいと考えています。fitBounds の後に setCenter を実行しようとすると、一部のマーカーがマップ ビューの外にあります。これらの 2 つの機能を組み合わせる気の利いた方法はありますか? これが問題を示すプランクです。

function initialize() {
  var userCenter = new google.maps.LatLng(51.508742, -0.120850);

  var userCenterMarker = new google.maps.Marker({
  position: userCenter
});

 userCenterMarker.setAnimation(google.maps.Animation.BOUNCE);

var mapProp = {
  center: userCenter,
  zoom: 12,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),   mapProp);

var bounds = new google.maps.LatLngBounds();
var markers = getMarkers();

$(markers).each(function() {
  bounds.extend(this.position);
  this.setMap(map);
});

userCenterMarker.setMap(map);

map.fitBounds(bounds);

setTimeout(function() {
  map.setCenter(userCenter);
}, 1500);
}

ありがとう！