路線がクリックされたときに任意の処理を実行させることができます。 このサンプルでは、路線をクリックするとメッセージが表示されます。
var rosen;
function init() {
rosen = new Rosen("map", {
apiKey: "2jr5nchcswemrfjj67jvjaqu", // アクセスキーはサンプル用です。実際にご利用されるときは書き換えてください。
});
rosen.on('selectLine', function(data) {
// クリックした地点の付近に路線が複数ある場合は、複数の路線が返ってくる(近い順でソート)
var msg = "";
data.lines.forEach(function(line) {
msg += line.name + "\n";
console.log(line);
rosen.highlightLine(line.code);
});
$('#map_message').text(msg);
});
}
window.addEventListener('load', init);