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