ALPSLAB slideで遊ぶ

ALPSLAB slideは、Webサイト、ブログ、Wiki等に、簡易ルート再生可能なスクロール地図を、簡単に貼り付けることができるサービスです。

 昨日リリースされた、ALPSLAB slide で遊んでみました。
http://lipizzaner.plala.jp/lab/ski/
 一箇所の地図を表示するだけでは面白くないので、動的にいくつかの地点を切り替えて表示できるようにしてみました。ALPSLAB slideの要となるscrollmap.jsの中では、create_map関数に、<div>hoge</div>(hogeは位置情報)の形になっている<div>要素のオブジェクトを渡すと、そこに地図を表示する仕組みになっているようなので、下の様なjavascriptの関数を作り、地図を切り替えられるようにしてみました。

function setMap(id,pos) {
	document.getElementById(id).innerHTML = pos;
	create_map(document.getElementById(id));
};

 html側にidを指定した<div>要素を用意し、そのidと位置情報(ALPSLAB baseで取得可)を引数として渡します。
 なお、この様な使い方は利用規約的にはグレーゾーンかもしれないので、あらかじめご了承ください。マズかったらやめます。>ALPSLAB