Ippei813 Nikki

アメリカ西海岸旅行記
去年の9月に車で2週間行ってきたアメリカ西海岸の旅行記を完成させた。

IE6だと写真が意図しないレイアウトで表示されるが、IE6は無視した。IE7だとFirefoxと同じように表示されてる。あと、Safariでも写真の下の空間がFirefoxと違って表示されるが、これは自分のstyle sheetの指定に問題があるはず、、、

未完成で放置してある3年前のYelowstoneの旅行記もどうにかしたい。Google Mapsだけ追加したけど

旅行記のページに Google Map を埋め込んでみた。まずは去年の9月に車で行った西海岸編から。

GMapToGPXを使わせて頂いて、まずGoogle Mapsの道路案内の奇跡を GPX format に書き出す。この辺はかなりマニュアル作業。Googleが自分の通った軌跡をちゃんと表示するように、うまくStart、Endを設定して、何回かに分けて全ルート分のファイルを作る。最終的には1つのファイルにする。そのためにエディタやgrepで切り貼り。軌跡データのtrkptはデータ量が多すぎるので10行おきのデータを作ってデータ量減らしたり、、、これ(100kB xml クリックしないように)が西海岸編全行程の GPX データ。

今度はそれを自分のページの中でインタラクティブに表示させるための仕組みを組込む。GPX Viewerを使わせて頂いた。まず、API の key を持ってなかったので、Googleの site で申し込み。Key はすぐに作られる。あとは、GPX Viewer の site にある説明の通りやってけば簡単に Google Map が埋め込めた。

GPX データを作るのがちょっと面倒だけど、逆に GPX をeditすればいくらでも Google Map の中にマークを付けてそこからその場所に関連するページに飛ばす事が出来る。

この西海岸編のページ、まだ中身がない、、、メモはあるので、それを元にそのうち追加していくつもり。っていうか、Travelのページはほとんどがこういう状態。なんとかしよう。。。

GPS device、良さそうなのがあれば買おうかな。次の旅行までに。

追加: 後で気付いたが、Safariだとブラウザがハングする。これによると、Safariはサポートしてないらしい。FirefoxやIEだと平気なんだが。もう少し調べてみる。