new Rosen()にオプションを渡すことにより、様々な機能を有効化したり、初期状態を設定することが出来ます。

  • 初期表示の中心駅指定
  • 初期ズーム値指定
  • サイドメニュー表示（画面右上）
  • ズームコントロール表示（画面左上）
  • デバッグコンソール表示（画面左下）

など。他にも様々なオプションがありますので、詳しくはリファレンスをご覧ください。

var rosen;

function init() {
  rosen = new Rosen("map", {
    apiKey: "2jr5nchcswemrfjj67jvjaqu", // アクセスキーはサンプル用です。実際にご利用されるときは書き換えてください。
    centerStation: 22671, // 中心の駅コード
    zoom: 15, // ズーム
    retina: false,  // Retina対応ディスプレイでも高解像度表示を無効にします。画像がややぼやけますが、表示速度が向上します。
    consoleViewControl: true, // デバッグコンソール表示
    sideMenuControl: true,  // サイドメニュー表示
    zoomControl: true   // ズームコントロール表示
  });
}

window.addEventListener('load', init);
© VAL LABORATORY CORPORATION.