fitBoundsでマーカーをマップ内に全部表示できるように自動調整したい

Question

前提・実現したいこと

googlemapを作成していたのですが、
全てのマーカーがマップに表示されるように自動調整したくて、
調べていたのですがfitBoundsでできると知りました。
しかし、どう組み込めば機能するのかわかりません。
以下のコードに組み込みたいのですが、分かる方いらっしゃいましたらご回答よろしくお願いいたします。

発生している問題・エラーメッセージ

fitBoundsが上手く機能しない

該当のソースコード

<script>
  // 地図の作成
  var currentWindow = null;
  $(function() {
      $.getJSON("addres.json", function(markers){
          var setno = markers.length;
          var title = new Array();
          var address = new Array();
          var number = new Array();
          var tel = new Array();
          var lat = new Array();
          var lng = new Array();

          for (var i = 0; i < markers.length; i++) {
              title[i] = markers[i][0];
              address[i] = markers[i][1];
              number[i] = markers[i][2];
              tel[i] = markers[i][3];
              lat[i] = markers[i][4];
              lng[i] = markers[i][5];

          }
          initMap(setno,title,address,number,tel,lat,lng);
      });
  });
  function initMap(setno,title,address,number,tel,lat,lng) {
      var myOptions = {
          zoom: 12,
          center: new google.maps.LatLng(33.53910, 133.56010),
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("sample"),myOptions);
      for (var i = 0; i < setno; i++) {
          var name = title[i];
          var ad = address[i];
          var num = number[i];
          var phone = tel[i];
          var latlng = new google.maps.LatLng(lat[i],lng[i]);
          //var icons = 'https://www.google.com/mapfiles/marker' + String.fromCharCode(65 + i) + '.png';
          createMarker(name,ad,num,phone,latlng,map);
      }
  }
  function createMarker(name,ad,num,phone,latlng,map){
      var infoWindow = new google.maps.InfoWindow();
      var marker = new google.maps.Marker({position: latlng,map: map});
      google.maps.event.addListener(marker, 'click', function() {
          if (currentWindow) {
              currentWindow.close();
          }
          infoWindow.setContent(name + '<br>' + ad + '<br>' + '<a href="tel:' + num + '">' + phone + '</a>');
          infoWindow.open(map,marker);
          currentWindow = infoWindow;
          map.panTo(latlng); //markerをクリックした時に地図の中心に
      });
  }
</script>

試したこと

検索して検証していました。
https://qiita.com/mo49/items/61c7aa15591a2a8ca260

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

ご提示のページのコードの、

bounds.extend (marker.position);

marker.positionが、ご提示のコードの、

var latlng = new google.maps.LatLng(lat[i],lng[i]);

latlngです。

なので、

var latlng = new google.maps.LatLng(lat[i],lng[i]);
bounds.extend (latlng);

として、ループの後に、

map.fitBounds (bounds);

とすればいいのではないでしょうか。