[OpenLayers] 簡単な地図でも設定しておきたいコントロール

OpenLayersで作る地図には、いろいろなコントロールを設定できますが、これらのうち、簡単な地図の場合でも表示しておきたいコントロールを選んで追加してみます。

追加するコントロール

  • Navigation 地図上には何も表示されれませんが、マウスアクション(ドラッグ、ダブルクリック、ホイールスクロール)を有効にします。
  • KeyboardDefaults 地図上には何も表示されれませんが、カーソルキーで地図を移動可能にします。
  • PanZoomBar パンとズームバーを表示します。
  • LayerSwitcher レシピ1〜2ですでに出ていますが、レイヤーを選択できるコントロールを表示します。
  • OverviewMap 小窓に概観図を表示し、どこを表示しているか示します。
  • ScaleLine 左下にスケールを表示します。(CSSで書式を変更できます)
  • Attribution レシピ1〜2ですでに出ていますが、著作権表示をします。(CSSで書式を変更できます)

LayerSwitcherとOverviewMapを開いた場合、次のようになります。

2014-08-09 8.50.52

コントロールを追加するコード

実行結果

上記のhtmlファイルを表示すると、下記のような結果となります。

関連記事