<Home>
Google Maps APIで遊ぼう!
Google Maps API + GPS ×デジタルカメラ写真を計算するとこうなった!

Ver1.3がリリースされました。ルートプロファイル(移動距離や標高、移動速度等)が出力されるだけでなく、アイコンによるルートの追跡ができるようになりました。サンプルページは、こちらです。問い合わせ、ご意見、ご要望、ご感想は、こちらまで、お気軽にどうぞ。

TORITORI

ご利用いただいているサイト
びっくる様 南仏旅行写真
susumu_N様 北海道ツーリング
その他、ご意見やご感想を下さった皆さん。ありがとうございます。この場を借りて、再度お礼申し上げます。


初版公開日 2006年5月9日
更新日 2006年12月06日
ファイル PictureMap.zip
バージョン 1.4.3
製作者 TORITORI
動作確認OS Windows XP
サイズ 121 KB

【サンプルページ】
極端な例で解説したサンプルページです。
サウスダコタ I-90
このツールを利用して作成したページのサンプルです。
ニュージーランド・サイクリングその1
ニュージーランド・サイクリングその2
プロファイルのサンプル
烏山-袋田の滝周回サイクリング

RSS 2.0 Feeds

 

これは、デジカメ写真、GPSデータ、そしてGoogle Maps APIを利用して、地図アルバム(HTML)を作るためのツールです。次のような特徴があります。

  1. JavaScriptやHTMLの知識がなくても作成できる。
  2. 写真を撮影した場所が、ほぼ自動で地図上に対応付けられる。
  3. ブラウザと連動しているので、撮影位置の微調整が簡単にできる。

携帯GPSとデジタルカメラを持って、サイクリング、トレッキング、ハイキング、登山、クルージングへとお出かけになった後、このツールで、地図アルバムを作ると、移動中、特に目印のないところで撮った写真の撮影場所もはっきりわかります。HTMLなので、ウェブ上で公開することも可能で、旅行などの写真を公開するだけでなく、道案内としても便利です。

Ver. 1.4.3: Exif 2.2.xにも対応しました。比較的新しいデジカメの写真のExifも読めるようになりました。

Ver. 1.4.2: 地図上のコントロールの表記で、日本語表示を選択できるようにしました。

【インストール】

  1. ダウンロードしてファイルを展開する。

    それだけです。

【地図アルバムの作り方】

準備するもの:

  • PictureMap.exe
  • GPSデータ(GPXフォーマット)
  • Google Maps APIのキー
    取得方法は、すでに日本語で解説されたページがいくつかあります。そちらを参考にしてください。
  • デジタルカメラで撮影した写真(GPS軌跡のみの場合は不要)

はじめて使う/Google Maps API キーを変更する:

  1. PictureMap.exeを起動する。
  2. 操作パネルの(1)を押して、APIキーの入力画面を表示する。
  3. 操作パネルの(2)にAPIキーを入力します。
  4. HTMLの作成を続ける場合、「作り方」の解説へ。終了する場合、APIキーを保存するため、(3)の「適用ボタン」を押してください。

作り方:

  1. PictureMap.exeを起動する。
  2. 操作パネル(1)を押して、GPSと写真のフォルダの設定画面を開きます。
  3. 操作パネル(2)に、ホームページのタイトルを入力する。
  4. 操作パネル(3)に、GPSデータファイルを指定する。[GPS軌跡のみの場合は7.へ]
     
  5. 操作パネル(4)に、デジタルカメラで撮影した写真(未加工の写真)のあるフォルダを指定する。
  6. 好みに合わせて操作パネル(5)で写真の扱い方を指定する。好みの方法でお楽しみください。

    (1) 適当なサイズ(現バージョンでは160×120ピクセル程度を想定しています)に縮小した写真をhtml\imgのフォルダーにコピーします。html\imgがどこにあるかは、「出力されるファイル」を参照してください。操作パネル(※)に「画像縮小」ボタンを用意しましたが、非常に時間のかかる処理です。可能ならば、画像処理専用ソフトの利用をおすすめします。

    (2) 縮小しないで使います。この場合、吹き出し内の写真をクリックすると拡大表示されるようになります。
  7. ここで、1回「適用」(6)を押してみます。PictureMap.exe付属のブラウザで結果を確認できます。
  8. 操作パネル(7)を押して、写真にコメントを付けます。[GPS軌跡のみの場合は不要]
  9. 地図の概観を変更したい場合、操作パネル(8)を押して、表示された内容を好みに合わせて変更する。
  10. 操作パネルの、適用ボタン(6)をもう一度押す。
  11. PictureMap.exe付属のブラウザで結果を確認する。
  12. 撮影位置に不満があれば、操作パネル(A)/(B)を調整して、6に戻る。(以下繰り返し)

    ※ウェブサーバーへのファイルの配置は、現バージョンでは対応していません。PictureMapは、HTMLを作成するだけです。

【PictureMapが出力するHTMLの想定するフォルダー構成】

HTMLファイルのあるフォルダーに、imgフォルダーをつくり、その配下に写真ファイルを置いてください。
現バージョンでは、写真の大きさは、160×120ピクセル程度を想定しています。

【出力される場所とファイル】

出力される場所は、PictureMap.exeがある場所か、GPSデータファイルのある場所になります。どちらになるかは、操作方法により変わってきます。そこに、htmlフォルダが作られ、その配下に出力されます。

  • (GPXファイル名)_picture.html…写真と地図だけ
  • (GPXファイル名)_route.html…GPS軌跡と地図だけ
  • (GPXファイル名)_picture_route.html…写真とGPS軌跡と地図
  • (GPXファイル名).csv…写真のコメントが保存されたファイル
  • (GPXファイル名)_route_grade.html…プロファイル付き
  • (GPXファイル名)_picture_route_grade.html…プロファイル付き

htmlファイルから、好みのものを選び、必要なら、ファイル名を変えて、お使いください。

PictureMap.exe付属のブラウザで確認しているのは、(GPXファイル名)_picture_route.htmlのみです。

「プロファイル付き」に関して詳しくは、【コースプロファイル】を参照してください。

【撮影日の判定】

写真とGPS軌跡データとの対応付けは、写真撮影日時とGPSでの測定日時で行われます。画像ファイルにExifデータがあり、撮影日が設定されていれば、その値を最優先で撮影日時として利用します。Exifデータから撮影日が取得できなかった場合、ファイルの作成日または更新日のいずれか古い方を撮影日時として利用します。

【コースプロファイル】

時間的に隣り合った2観測点の緯度・経度から距離、時間差、標高差を計算し集計しています。グラフや表になって、プロファイル付きのhtmlに結果が出力されています。距離の求め方は、Great Circle Distanceの計算式を参考にしました。
コースプロファイルでは、GPS軌跡をアイコンでトレース(なぞることが)できます。

【圧縮】

ここでの圧縮とは、GPSで観測された点を間引くことをいいます。Google Map APIで軌跡を描画した際、圧縮されていると、読み込みが速くなるだけでなく、表示された後の操作も比較的快適になります。
一方、圧縮しすぎると、再現された軌跡が、実際に移動した軌跡からかけ離れたものになります。
尚、デジタルカメラ写真とGPSデータの掛け合わせは、GPSデータの圧縮前に行っています。

-圧縮方法-
ある観測点から、時間的に隣り合った観測点に直線を引き、その2直線のなす角度が180度に近い場合、この観測点は間引かれます。

【変更履歴】

12月06日Ver 1.4.3 リリース

  • 主な変更点Exif 2.2.xに対応

10月25日Ver 1.4.2 リリース

  • 主な変更点
    • 地図のコントロール等で日本語表示を選択できるようにした。

10月01日Ver 1.4.1 リリース

  • 主な変更点
    • 縮尺、オーバービューコントロールの表示を選択できるようにした。
    • GPXファイルにおいて、ルートポイントの読み込みも行うようにした。
    • 分析に用いない速度を指定するコンボボックスの動作を修正した。

09月26日Ver 1.4 リリース

  • 主な変更点
    • プロファイル用のグラフ作成時に、より効率的にメモリを確保し利用するようにした。これにより、多少パフォーマンスが改善される場合があります。
    • プロファイル画面において、以下の3点が改良された。
      • 地図の大きさをピクセル単位で指定できるようにした。
      • GPS軌跡を斜度に応じて色分けするかしないか選べるようにした。また、その色を指定できるようにした。
      • 軌跡をアイコンでなぞらせるかどうか指定できるようにした。
    • 一定速度以上のデータを無視するように指定できるようになった。
    • 写真をそのまま使えるようにした。吹き出し内の写真をクリックすると拡大表示される。
    • プロットされたデータが少ない場合、プロファイル計算時にダウンする不具合を修正。

08月27日Ver 1.3.6 リリース

  • 主な変更点
    • Exifの読み込み不具合で、メモリ不足が発生していました。この不具合を修正。

08月19日Ver 1.3.5 リリース

  • 主な変更点
    • コメントが反映されない不具合を修正。

08月19日Ver 1.3.4 リリース

  • 主な変更点
    • 時間情報の無いGPXファイルも読み込めるように修正。

08月08日Ver 1.3.3 リリース

  • 主な変更点
    • GPSデータの圧縮ロジックの不具合を修正。

08月06日Ver 1.3.2 リリース

  • 主な変更点
    • アイコンによる軌跡のトレースにおいて、時間も考慮するようにした。

07月17日Ver 1.3 リリース

  • 主な変更点
    • ダイアログの文言を一部修正した。
    • ルートプロファイルのHTMLで、アイコンによる軌跡のトレースが出来るようになった。

06月24日Ver 1.2 リリース

  • 主な変更点
    • ルートプロファイルのHTMLを出力するようになった。
    • GPS軌跡データが圧縮(間引き)できるようになった。
    • コメントファイルの内容が書き換えられてしまう不具合を修正した。

06月15日Ver 1.0 リリース

  • 主な変更点
    • 出力されるHTMLを整理した。
    • GPSファイルが指定されていなかったとき、地図を表示しないようになった。
    • コメントファイルが必要以上に作成されないようになった。
    • HTMLファイルの名前は、GPXファイルからとるようになった。

06月10日Ver 0.9 リリース

  • 主な変更点
    • Exifの撮影データを、撮影時刻の判定に利用するようにした。
    • 写真にコメントを付けられるようにした。
    • 画像の縮小を出来るようにした。
    • 出力されるHTMLを整理した。

05月26日Ver 0.7 リリース

  • 主な変更点
    • 操作パネルにタブを導入し、入力項目を整理した。
    • 軌跡の色、幅を指定できるようにした。
    • ズームレベルの指定に、「おまかせ」を導入した。
    • 表示サイズを選べるようにした。
    • アイコンを作成した。
    • 出力されるスタイルシートを整理した。
    • 写真が吹き出しからはみ出さないようにした。
    • 撮影時間として、更新日時または作成日時の古い方を採用するようにした。

05月09日Ver ベータ リリース