ズーム
Google Maps API Blogによるとのバージョンアップで、スムーズなズームと、ダブルクリックによるズームができるようになったので、対応をしてみた。
http://googlemapsapi.blogspot.com/2006/07/zoooooooom.html
左ダブルクリックでズームインは使うと分かりますが、右ダブルクリックでズームアウトになるのは、ちゃんと読まないと分からないですね。
« 2006年06月 | メイン | 2006年09月 »
Google Maps API Blogによるとのバージョンアップで、スムーズなズームと、ダブルクリックによるズームができるようになったので、対応をしてみた。
http://googlemapsapi.blogspot.com/2006/07/zoooooooom.html
左ダブルクリックでズームインは使うと分かりますが、右ダブルクリックでズームアウトになるのは、ちゃんと読まないと分からないですね。
ツーリングGPS記録のスライダの上の空白部分に標高を示す折れ線グラフを表示するようにしました。
グラフ表示のために、DOMでDIVタグを作成し、それを並べて線などを引く実験をしていましたが、あまりに重いのであきらめていました…
IE限定だがVMLで描画を実現させようかと思っていましたが、なんとなくやらずじまい…
firefoxとoperaでは、canvasタグというので描画できるというので調べてみると、google codeがIEでも対応させるライブラリを作っていましたので、それを利用して折れ線グラフを実現しました♪
http://excanvas.sourceforge.net/
しかし、グラフの領域とスライダをwindowサイズに合わせて横に広げようとして、IEでは動作するのですが、firefoxとoperaでは比率がうまくいきませんでした…
今後は横幅を拡張したり、グラフで速度を表示できたりしたらいいかなと思っております。