駅または路線をクリックするとメッセージが表示されます。 クリックした地点の近くに駅と路線が両方ある場合は駅が優先されます。

var rosen;

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

  rosen.on('selectStationOrLine', function(data) {
    var msg = "";
    if (data.stations) {
      data.stations.forEach(function(station) {
        msg += station.name + "\n";
        console.log(station);
        rosen.setStationMarker(station.code);
      });
    }
    if (data.lines) {
      data.lines.forEach(function(line) {
        msg += line.name + "\n";
        console.log(line);
        rosen.highlightLine(line.code);
      });
    }
    $('#map_message').text(msg);
  });
}

window.addEventListener('load', init);