グーグルマップ(GoogleMaps)の改良
サイクリング記録のGoogleMapsのページを更新しました。
サンプル→11/2柳沢峠・一之瀬高原・鶴峠

今回、ロボさんのjavascriptを全面的に利用させていただき、自作のGPSログ→グーグルマップ変換プログラムを大幅に変更しました。その結果ご覧のとおり、ロボさんの地図と良く似ています(^^)
■追加した機能
・マーカーリストを「情報」「距離」「標高」に分け、それぞれのタグを選択すると、リストとマーカーが変更される。
・「情報」タグで「(P)」が付いているアイテムは写真が表示される。
・「距離」は10kmごとの距離マーカー表示と、1kmごとのポイント表示
・「標高」は100mごとの上り下りマーカー表示
「距離」と「標高」はGPSログから自動的に作成されますが、「情報」のアイテムはGPSログに記入する必要がありますので、今回は11/2の柳沢峠だけ追加しました。余裕があれば過去に遡って情報を追加していく予定です。
「プログラミング」カテゴリの記事
- googlemapsルート図の改良(2009.04.30)
- グーグルマップ(GoogleMaps)の改良(2008.11.10)
- googlemapsの地形表示(2008.03.31)
- GoogleMapにサイクリングコースを載せてみた(2005.11.04)
- サイクリングonGoogleMap(2005.11.07)
| 固定リンク
コメントを書く
コメントは記事投稿者が公開するまで表示されません。
コメント
こんにちは。標高100m毎の△▽はなかなか面白いですね。等高線みたいに勾配のイメージが分かります。
ちなみに[景][峠]などのアイディアのオリジナルは、「サイクル日誌」のもりもりさんが轍の出力結果をいじって作られていたものです。
http://www.cycle-nisshi.com/touring_report/20081018_miyagase/map.html
そういえば以前からなんですが、IE6やIE7で地図ページを表示すると以下のようなエラーが出ます。ソースを辿るとthis.setup.pages[n].styleですね(タブ操作?)。ブラウザ依存の問題なんでしょうか。
ライン:4286
文字:16
エラー:'style'は Null またはオブジェクトではありません。
コード:0
URL:http://gpscycling.net/googlemaps/081102.html
投稿: ロボ | 2008.11.11 12:46
こんばんは。
今回、ロボさんのコードを調査していって、応用もしやすく「よくできているなー」と思いました。
エラーの件ですが、私の環境では出ていません。たぶんタブ関係だと思いますので見てみます。
投稿: 呼人 | 2008.11.11 22:38