駅すぱあと路線図 | クリックで駅間を選択する

駅間（隣り合う2駅の間のこと）がクリックされたときに任意の処理を実行させることができます。このサンプルでは、駅間をクリックするとメッセージが表示されます。

var rosen;

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

  rosen.on('selectSection', function(data) {
    var msg = "";
    data.sections.forEach(function(section) {
      msg += "駅間コード=" + section.code + "\n";
      console.log(section);
      rosen.highlightSections([section.code]);
    });
    $('#map_message').text(msg);
  });
}

window.addEventListener('load', init);