gmaps4railsの地図の拡大率を設定する

初めに

• GoogleMapを表示するためにgmaps4railsを利用していた
• そのままだと拡大しすぎで一目で場所がわからなかったため、zoom率の設定を行ったのでそのメモになります。

やったこと

viewに下記を追加しました。

show.html.erb

        <div id="map" style='width: 100%; height: 200px;'></div>
        <script type="text/javascript">
            handler = Gmaps.build('Google');
            handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
              markers = handler.addMarkers(<%=raw @hash.to_json %>);
              handler.bounds.extendWith(markers);
              handler.fitMapToBounds();

              //追記ここから
              handler.getMap().setZoom(15);
              //追記ここまで

            });
        </script>

handler.getMap().setZoom(拡大率)を追記しました。
拡大率の数字が大きければ大きいほどズームが強くなり（狭い範囲が表示され）、
小さければ小さいほどズームが弱くなります（広い範囲が表示されます）。

参考資料

こちらのページを参考にしました。

how to set a zoom level using Gmap4rails?