駅すぱあと路線図 | 路線図を表示する（最小限のサンプル）

路線図を表示するだけの最小限のサンプルです。

1．下記のjsとcssのタグを記述します。

<link rel="stylesheet" href="https://rmap.ekispert.jp/production/rosen.css" />
<script src="https://rmap.ekispert.jp/production/rosen.js"></script>

2．路線図を表示するためのdivタグを記述します。

<div id="map"></div>

3．new Rosen()を呼びます。第一引数でdivタグのidを指定し、第二引数で初期化オプションを指定します。

var rosen;

function init() {
  rosen = new Rosen("map", {    // "map"は<div>のidと一致させる
    apiKey: "2jr5nchcswemrfjj67jvjaqu" // アクセスキーはサンプル用です。実際にご利用されるときは書き換えてください。
  });
}

window.addEventListener('load', init);