Simple gadget life programming diary

Simple gadget life の中の人によるプログラミングメモ

Google-Maps-for-Railsを使ってマップを表示する際、初期表示時の縮尺を変更する方法。

タイトルではrailsのライブラリの名前をあげていますが、javascriptの話です。

Google-Maps-for-Rails
このリンク先のgithubのREADMEに記載されているサンプルの通りにviewに対してコードを記載した場合、マークを1つだけ表示する場合、最大ズームになってしまう。

<div style='width: 600px;'>
  <div id="map" style='width: 600px; height: 400px;'></div>
</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();
  });

</script>

オプションはproviderの部分に記載するはずだが、zoomオプションをつけても何ら影響しない。

もう少し調べると、functionの最後に以下の文を加えるとデフォルトの縮尺が変わってくれる。

handler.getMap().setZoom(15);

意外とこの情報が見つからなかったのでメモ。