PukiWiki


Google Maps API で遊ぶ

FrontPage

_ GoogleMaps を使って作ったページ

僕が作ったgooglemaps を使ったページです。

_ TIPS

  • マーカーが増えると極端に重くなります。マーカーを配列にいれて、 表示範囲だけ表示するようにすると軽くなります。
               var bound = map.getBounds();
               var max = past_A.length;
               var count = 0;
               for (var i = 0;  max > i; i++) {
                 var point = past_A[i].getPoint();
                 if (bound.contains(point)) {
                   map.addOverlay(past_A[i]);
                   disp_mark[count] = past_A[i];
                   count++;
                 }
               }

_ ジョギングコース作成プラグイン

PukiWiki でジョギングコースを紹介するページを作りたくて、 以下のページを参考に、かなり適当に作ってみました。

動けばいいやというスタンスです。自己責任で動かせる方は どうぞ。

  • プラグイン一式filegooglemaps2_tos_1.0.tgz
  • googlemaps2.js は skin/にコピーしてください
  • *.phpはplugin/にコピーして下さい
  • xmlをmime-typeに追加する必要があります。 :config/plugin/attach/mime-type を編集してください。
    |text/xml|xml|xml文書|
  • 距離表示用のマーカーはここのDownload the icon collection からダウンロード

そのほか、以下のプラグインが必要です。

コースを保存するとxmlファイルが添付されます。 拡張子をGPXに変えるとカシミール等で読み込めます。 逆にGPXファイルの拡張子をxmlに変えて添付することも できます。

_ 更新履歴

  • 2008-01-06 ver1.0
    • ver1.0 につけなおし。
    • 色々リファクタリングして、整理。
    • 本家の2.3.0の変更を反映
    • Trackログを貼り付けた場合に距離表示をクリックすると 時間、標高を表示
    • PolylineEncoderを導入。

_ TODO

  • API v3に移行(対応中)
  • GPXのWaypoint対応
  • グラフ出力
  • ふきだしが重いので、ページ内出力オプション追加
  • ブラウザのサイズに地図サイズをあわせる
  • もっと軽く

_ GPSのログを貼り付ける

ForeRunner205のログを吸い出して、地図に表示することができます。

ログの取得にはGPS Babelが便利です。

  1. ForeRunner205 をusbでPCに接続
  2. GPSBabelgui を起動
  3. Input は Device をチェックしてUSBを選択
  4. Output は GPX XMLを選択し、ファイル名を入力(拡張子はxmlにすること)
  5. What はTracksをチェック

    gpsbabel.GIF

  6. Filterを押して、Simplify でデータをどの数まで間引くか設定(200ぐらいじゃないと地図の表示が重くなります)、start at, stop at, TZにチェックをして、吸い出すデータの時刻の範囲を設定する(設定しないとすべてのログを吸い出してしまいます)

    gpsbabel_f.GIF

  7. let's go で実行
  8. wiki に添付して、ファイル名と同じmap名で地図を作成する。
    &GoogleMaps2(mapname=test);

_ サンプル


= 走行距離 =
Km

 
添付ファイル: filemap.xml 470件 [詳細] filegooglemaps2_tos_1.0.tgz 929件 [詳細] filegpsbabel.GIF 883件 [詳細] filegpsbabel_f.GIF 916件 [詳細]
 
Link: FrontPage(1154d) MenuBar(2072d) PukiWiki(4664d)
Last-modified: Sun, 05 Jul 2015 19:04:21 JST (1534d)