はてなスターを地図上で並べてみた part.2

昨日作ったはてなースターマップですがスライダーを付けて、マーカーをぐりぐり回せるようにしてみました。

実は、平面近似で計算している、つまり、スライダーが示す角度にたいして Δx, Δy を cos, sin で求めているため、マーカーは真円を描かず誤差がでています。後、本当は 0 度の時には真東を向いて、NASA の管制室の地図に表示されているスペースシャトルの軌道のように S 字曲線で チリ方面へマーカーが伸びて欲しいのですけど、やり方がよく分かりません。今のところ平面近似で問題ない感じですが、またそのうち考えます。

あとスライダーの画像ですが、つまみの画像はスクリプト一緒に YUI から取ってきたのですけど、スライダーのレールの部分の画像をうまく用意することが出来ませんでした。どこかにスライダー画像ジェネレータみたいなのないですかねぇ。