軌跡ログ入りGoogleMapを自ブログに貼る

　自転車でGPSを使う楽しみのひとつに、軌跡ログを保存して、後でどんな道を走ったのかを確かめることがある。
　mioのNMEA裏ワザで取得してもいいし、imrさんのGPX Loggerでも、Garminのログでも、最近流行りのデータロガーのログでも、なんでも使える。
　こうした軌跡を自分だけで見ているなら楽だが、大勢で共有しようとすると昔は面倒だった。
　定番だったのは、カシミール3Dといったフリーソフトで読めるデータをサイトに置いておき、ダウンロードしてもらい、それを開いてもらうといったもの。
　これは同じソフトを持っていないといけないので、WindowsやMacなど、使っている機種が違えば使えないワザだった。
　その後、GoogleEarthが登場し、kmzやkmlファイルで軌跡を大勢で楽しめるようになった。
　さて、時代はWeb2.0だ。固有のアプリケーションを自分のパソコンに持ってなくても、ネット上にリソースがあれば同じように軌跡を共有して楽しめないといけない（いけないことはないけどね）。
　そこで使うのがGoogleMapだ。知らない間にいろいろな機能が増えていた。これらがタダというのだから、太っ腹というか、いいのか？　という感じだ。
　それでは、mioのNMEAファイルからGoogleMapに軌跡を表示して、自分のブログに貼ってみよう。

必要なもの
-----------------
GoogleEarth

GPSBabel
入手はこちら
-------------------
●NMEAをKMLファイルにする
　これは「GPSBabel」を使う。現在のバージョンは1.3.4になっている。
　入力ファイルと出力ファイルを指定するだけでデータの変換が行われる。入力はnmeaで、出力はkmlでする。これで「let's go」をクリックするだけだ。

GPSBabelでデータを変換する

●GoogleEarthにKMLファイルを読み込む
　正しく変換が行われればGPSBabelで「Converted successfuly～」と確認ダイアログが表示される。指定した場所に〇〇〇.kmlというファイルが出来ていればOKだ。

●GoogleEarth上でPathの色を編集
　出来たkmlファイルをGoogleEarthのアイコンか、起動した画面上にドラッグ＆ドロップすればGoogleEarth上に軌跡が表示される。デフォルトでは、半透明の水色だと思うので、これをはっきりとした色にしたい。
　GoogleEarth左側にある「場所」ウィンドウにある「保留」の下にある「GPS device」が、読み込んだkmlファイルだ。
　「+」ボタンをクリックして展開し、「Path」で右クリックをして開いたメニューから「フロパティ」を選択する。
　開いたブロパティで「スタイル、色」タブを選択し、色や不透明度、線の幅を設定する。
「Path」以外の項目は「右クリックメニュー」より全て削除しておく。

GoogleEarthに読み込んだ


色を変更

●保存する
　GoogleEarth上で色を変更したGPS deviceを右クリックし、「名前をつけて保存」を選択。「kmz」ファイルを任意の場所に任意名（日本語以外）で保存する。

kmzファイルで保存

●ネット上にアップロード
　できた「kmz」ファイルを自分のブログやWEBなどのネット上のスペースへアップロードする。
　FTPツールやブログのファイル転送機能を使って行う。

●kmzファイルへGoogleMapでアクセス
　アップロードしたファイルのアドレス。http://～.kmzという場所を指定し、GoogleMapの検索窓へ入力し検索する。
　すると、パスが表示されたGoogleMapが表示されると思う。

●GoogleMapをサイトへ埋め込む
　表示されているGoogleMapの右上に「このページのリンク」という項目があるのでクリックして開く。下段に「HTML を貼り付けてサイトに地図を埋め込みます」という部分があり、HTMLが表示されているので、コピーする。
　それを自WEBページのHTMLに追加したり、ブログなら、HTMLでの編集モードにしてペーストする。
　<iframe>タグをサポートしてないブログでは使えない。

赤で囲まれた部分をクリック 

●画像のサイズを変更
　「埋め込み地図のカスタマイズとプレビュー」というメニューをクリック。開いた画面で画像の大きさを設定する。カスタマイズを使うと、自分のブログのサイズにあわせることができる。

カスタマイズ画面

　面倒な場合は、以下の方法でもOK。
　貼り付けたHTMLでは、頭の方に地図画面サイズの指定がある。デフォルトでは<iframe width="425" height="350" ～
　となっているので、横425ピクセル、縦350ピクセルの画面だ。自分のブログに対して大きすぎたり、小さい場合は、widthとheightの値を書き換えよう。

●実際の表示
　拡大や縮小ができるし、GoogleMapへも飛べるので、走った軌跡がハッキリとわかると思う。例は荒川オフに参加したときのログだ。いろいろと地図を拡大縮小したり、移動させたり、写真にしたりと遊んでもらいたい。楽しいよぉー！


拡大地図を表示

---