鉄道オープンデータを利用した電車の進行に合わせて、その周辺の街並みを3Dマップなどで確認できるWebアプリ「電車から街を眺めてみよう」を作成しました。
電車から街を眺めてみよう
https://uedayou.net/trainview/
電車から街を眺めてみよう は、以下の動画のように自動的に路線上を動くのでユーザの操作なしにバーチャルな車窓のような感じで眺めることができます(通常モード)。
また、スマートフォンのGPSと連動することで、実際の電車の乗車中の周りの街並みを動的に確認することや(GPSモード)、GPSロガーのログファイルを後から再生することもできます(GPSロガーモード)。
電車から街を眺めてみよう についての動画は、以下の YouTube チャンネルにいくつかアップロードしてますので、参考に見てみてください。
https://www.youtube.com/@uedayou
通常モード
電車から街を眺めてみよう のトップには、バーチャル車窓を体験できる路線のリストがあります。
各路線をクリック・タップすると、進行方向を選択できるモーダルウインドウが表示されるので、進行方向を選んでください。
進行方向を選択すると、バーチャル車窓が表示されます。
実際に動かしている様子をYouTubeに動画としてもアップロードしているので見てみてください。
画面左下のパネル上で、動作に関する制御を行うことができます。自動進行を停止したり、速度の調節や、ベース地図の切り替えが可能です。
ベース地図は標準では、OpenStreetMap を表示していますが、航空写真 に切り替えることで、地理院地図の航空写真地図に切り替えることが可能です。
自動進行の停止状態では、マウスやタップ操作で自由に視点を移動させることが可能になります。例えば、東京駅から皇居を眺める視点に切り替えると以下のようになります。「停止」ボタンを押すことで視点がもとに戻ります。
右側の駅名リストを操作すると駅名の駅の位置まで移動させることができるので、開始駅を自由に切り替えることが可能です。
例えば、駅名リストから「上野」をクリック・タップすると、以下のように上野駅の手前に移動します。
GPSモード
スマートフォン端末など GPSで端末の位置情報を取得できる環境で、かつ、対応路線の電車に乗車するときは、現在地と連動してバーチャル車窓を自動的に動かすことが可能です。
以下の YouTube の動画は、東海道新幹線の名古屋駅から新大阪駅間乗車中にGPSモードを利用して 電車から街を眺めてみよう の動作画面を録画したものになります。
GPSモードを利用するときは、端末でGPSを利用できる状態にした上でトップページのナビゲーションバーの右側にある GPSラジオボタンを ON にしてください。
次に表示されるモーダルで「検索」ボタンをクリック・タップすると現在地を取得して、その現在地が含まれる路線を検索します。
現在地を含む路線があると、その路線リストがトップページの路線リストに表示されます。路線リストから乗車中、もしくはこれから乗車予定の路線パネルをクリック・タップします。
そうすると、GPSモードになります。電車から街を眺めてみよう には以下のように青丸で現在地が表示され電車の移動とともに青丸が移動するはずです。
※ ただし、GPSの計測制度が悪くなると、動かなくなったり間違った場所に表示される可能性があります。できるだけ窓側など位置情報が計測されやすい場所で使用してください。
GPSロガーモード
GPSロガーアプリなどで電車乗車中のGPS発信情報のログを記録しておくことで、後から GPSモード の動作を再現することができます(GPSロガーモード)。
GPSロガーモードを使用する場合は、トップページとは別の以下のページを利用します。
電車から街を眺めてみよう GPSロガーモード
https://uedayou.net/trainview/gpslogger
GPS発信情報のログファイルの形式は、GPXファイル形式に対応しています。動作確認として、GPS Logger という Androidアプリを利用しましたが、他のアプリから生成された GPXファイルでもおそらく動作すると思います。
GPXファイルを上記ページの「CSV/GPXファイルを選択」ボタンをクリックして、アップロードします。
アップロードすると、GPS発信ログから適合する対応路線を検索して、同ページにリストとして表示します。複数の路線が検索された場合は、ログに適合する割合の高いものから順に表示されます。どの程度適合するかは 適合率 で確認できます。
GPSロガーモードは、例えば、乗車中の動画が地図上のどの場所での出来事かを確認するような用途で使えると思います。以下の YouTube の動画は電車の車窓動画と、撮影と同時に記録しておいたGPXファイルをもとに再生した「電車から街を眺めてみよう GPSロガーモード」の動画を編集でそれぞれ同期した動画になります。
対応路線
2025年8月時点で以下の35路線に対応しています。
新幹線
- 東海道新幹線 東京～新大阪(JR東海)
- 東北新幹線 東京～新青森(JR東日本)
- 山陽新幹線 新大阪～博多(JR西日本)
- 北陸新幹線 高崎駅～上越妙高駅(JR東日本)
- 北陸新幹線 上越妙高駅～敦賀駅(JR西日本)
- 九州新幹線 博多～鹿児島中央(JR九州)
JR
- 山手線 東京～(JR東日本)
- 大阪環状線 大阪～(JR西日本)
- 東海道線 東京～熱海(JR東日本)
- 東海道線 熱海～米原(JR東海)
- 東海道線 米原～神戸(JR西日本)
- 東北本線 東京～盛岡(JR東日本)
- 中央線 東京～塩尻(JR東日本)
- 総武線 東京～銚子(JR東日本)
私鉄
- 丸ノ内線 池袋～荻窪(東京メトロ)
- 半蔵門線 渋谷～押上(東京メトロ)
- 副都心線 渋谷～小竹向原(東京メトロ)
- 銀座線 渋谷～浅草(東京メトロ)
- 日比谷線 北千住～中目黒(東京メトロ)
- 有楽町線 新木場～和光市(東京メトロ)
- 千代田線 代々木上原～北綾瀬(東京メトロ)
- 銀座線 渋谷～浅草(東京メトロ)
- 東西線 中野～西船橋(東京メトロ)
- 南北線 目黒～赤羽岩淵(東京メトロ)
- 三田線 目黒～西高島平(都営地下鉄)
- 御堂筋線 江坂～中百舌鳥(大阪メトロ)
- 中央線 夢洲～永田(大阪メトロ)
- 東山線 高畑～藤が丘(名古屋市営地下鉄)
- 近鉄名古屋線 近鉄名古屋～伊勢中川(近鉄)
- 阪急京都線 大阪梅田～京都河原町(阪急)
- 阪急神戸線 大阪梅田～神戸三宮(阪急)
- 京阪本線 淀屋橋～三条(京阪)
- 大阪モノレール線 大阪空港～門真市(大阪モノレール)
- りんかい線 大崎～新木場(東京臨海高速鉄道)
- 東急東横線 渋谷～横浜(東急)
利用する鉄道オープンデータ
電車から街を眺めてみよう では、鉄道駅LOD という鉄道オープンデータ提供サイトのデータを利用しています。鉄道駅LOD については以下のQiitaの記事に詳細をまとめていますので、興味があれば見てもらえればと思います。