電車とかバスとかがどこを走っているのかをリアルタイムでマップ表示する試み。その1 /usePocket.com

2017.09.28

電車とかバスとかがどこを走っているのかをリアルタイムでマップ表示する試み。その1

うちの子も新幹線大好きで、休日になると「新幹線を見に連れて行ってくれないと俺はう○こを漏らす！」的な事を言うので、最寄りの新幹線の線路まで行って5分に一度ぐらい通過する新幹線を30分ほど眺めて帰ってくるということがよくあります。

しかし、いつ来るのか分からない新幹線を待つのも疲れるし、来ても一瞬で通り過ぎるのでリアルタイムでいつ通過するのか知ることが出来れば良いなと上記画像のようなのを作りました。下記からアクセス出来ます。

東海道新幹線の「のぞみ」運行をリアルタイム表示(新横浜ー名古屋のみ)

データ入力が面倒っす、今のところ曜日、日付にかかわらず運行している「のぞみ」の情報しか入力しておりません。タイムテーブルは↓

タイムテーブルファイル

新横浜から名古屋への経路情報は

経路情報

です。読みこんでいるファイルはこの2つのみです。処理内容はリンク先のソースコードを見て下さい。全処理がJavaScriptで書かれています。外部ファイルはありません。
処理内容としては
step.1 route.txtから経路情報を読み込む、ファイル逆から読んで逆経路としても活用、今回はこのへんのサイトを使い、新横浜ー名古屋間から適当に60ポイント程度の経緯度を調べて60区間としてroute.txtに入力してあります。読み込み時にそれぞれの区間距離を算出。最後に全区間の距離を保存。
step.2 timetable.txtから情報読み取り1つ1つ、現在時刻と比較し、走行中か判断
step.3 走行中の新幹線に関し、step.1で読み取った経路のうち、時刻的にどの区間を走っているか算出し、該当区間の両端の経緯度から現在位置を算出

　実用上の大きな問題点として、今のところ加速、減速時間を計算していないところです。完全に正確には計算不可能ですが、なるべく実際に近づけるように今後、改造したいです。

　しかし、久しぶりのJavaScriptで苦労しました。変数宣言後にいきなり数字足そうとすると何でもundefined、変数に足す表現が「＋」しか無いので、数字同士足しているのに文字の連結だと思われたり、何なのこのクソ言語。普段PerlとかPythonとかコンニャク的な言語しか触ってないせいでしょうかw、あと、ハッシュ（連想配列）それぞれの値を配列化する書き方が分からなかったので「:」でつないだ文字列をキーにして擬似的に二次元連想配列みたいにして使っています。なんか美しくない。

もしこのhtmlを何か他の事に流用したい人がいたら、htmlには俺の取得したGoogle APIのkeyが含まれているので、keyを消すか、書き換えてから使って下さい。

この後、個人的にはよく見に行かされる「江ノ電版」と「湘南モノレール版」を作る予定。

Category:位置情報・GPS・地図

　Keyword:Google/321 Java/50 新幹線/77

Follow @fetuin

いいっすね！=533
001 [09.28 15:43]ほわ@Biglobe:javascriptは、文字列と数値を区別させるため、-0とか+ ↑(41)
002 [09.28 15:45]ほわ@Biglobe:前の投稿途中で消えてる・・・ javascriptは、文字列と数値を区別させるため、「変数-0」とか「変数+””」をいっぱい使うしかない ↑(35)
003 [09.28 16:10]SIVTAKE@Au:あれ東海も東日本みたいにアプリだかで見れるようになるんでなかったっけ？まあ細かい位置は解らないけどな！ ↑(30)
004 [09.28 16:52]ん?@OCN:IE11では真っ白画面が表示されて動きませんが・・・ ↑(37)
005 [09.28 17:26]N700S:アンドロイドアプリでは既にありますね！ ↑(45)
006 [09.28 17:40]へ@Biglobe:岡山の宇野バスみたいだな。http://www3.unobus.co.jp/b/map.htm http://www3.unobus.co.jp/b/ すべてのバス会社に義務付けてほしい。 ↑(48)
007 [09.28 22:43](｀・∀・´)@Biglobe:ゲーム買ってくれないとウンコを漏らすが、小学生まで続く予感w ↑(48)
008 [09.29 06:53]匿名さん@Dion:> 数字同士足しているのに文字の連結だと思われたりテキストを変数に入れているのに勝手に数値と解釈するクソ言語じゃないからです。テキストファイルから読み込んで変数にセットする段階でちゃんとNumberで変換してください。> ハッシュデータ定義をJSONで書けば良いんじゃないでしょうか？データ定義読み込む部分でガリガリ書いてますけど、jQueryとか使えば設定ファイルの読み込みやっている部分は$.getJSONで読み込むだけで終わりで、数値とテキストもちゃんと識別して定義できるんで変換も不要です。 ↑(38)
009 [09.29 06:56]匿名さん@Dion:あまり良く見てないですけど、データ定義はこんな感じでいけると思います[ { 'name': 'のぞみ99', 'from': { 'name': 'shinyokohama', 'time': { 'hours': 06, 'minutes': 11 } }, 'to': { 'name': 'nagoya', 'time': { 'hours': 07, 'minutes': 28 } } }, { … }] ↑(54)
010 [09.29 15:23]ふぇちゅいん(管理人) TW★64:JSONは入力面倒だし、入力ミスしそうて好きじゃ無いんだよねぇ ↑(35)

011 [09.29 16:59]ビーバス@OCN:自爆テロだぁ^_^ ↑(49)
012 [09.29 22:48]。@InfoWeb:鉄っちゃんは時刻表を見て脳内でこれを実行してるんかね… ↑(49)

この記事のアクセス数:942
2021.12.07アップルの落とし物トラッカーAirTagが、車泥棒に悪用される事件が増えていると報告
2021.11.25位置情報共有サービスLife360が落とし物トラッカー大手の「Tile」を買収4コメ
2021.10.13TileがApple AirTagのライバルとなる次期製品Tile Ultraを含む新製品ラインナップを発表13コメ
2021.10.07セブンイレブンが「ポケモンGO」とのコラボを10月31日をもって終了と発表2コメ
2021.07.31Snapchatが地図上でおすすめのスポットを紹介する「My Places（私の場所）」機能を追加2コメ
2021.07.06簡易グラフィック表示！歩いて日本地図の完成目指す歩数計「令和の伊能忠敬」発売9コメ
2021.05.11車の運転が苦手な人は必見、右折ゼロで目的地にたどりつける経路検索マップが公開中。OpenStreetMapのデータ利用13コメ
2021.03.26タカラトミー、Googleストリートビュー活用の謎解きブラウザゲームを4月24日発売。2750円2コメ
2021.03.23任天堂とナイアンティックがARの「ピクミン」シリーズ新作を年内発売。歩くことを楽しくするアプリ2コメ
2020.11.10GPSより詳細な位置情報がアプリで確認できるスマート防犯ブザー「otta：オッタ」2コメ

すべて見る

Java

Java
2025/04/02 14:18:「Google Chrome 135」安定版リリース、画像をスライド形式で表示する設定が簡単に(GIGAZINE)
2025/04/02 12:08:4 ステップでモダンな tsconfig.json を作る - mizdra's blog(はてなブックマーク - 人気エントリー - 総合)
2025/04/01 08:46:イーロン・マスク率いるDOGEが6000万行ものCOBOLコードを含む社会保障局のシステムをコード生成AIでわずか数カ月の内に移行させようとしており危険性が指摘されている(はてなブックマーク - 人気エントリー - 総合)
2025/04/01 08:18:イーロン・マスク率いるDOGEが6000万行ものCOBOLコードを含む社会保障局のシステムをコード生成AIでわずか数カ月の内に移行させようとしており危険性が指摘されている(GIGAZINE)
2025/03/30 01:48:「CSS効いてない。なんで！？」って2時間ぐらい悩んでたら、先輩に「Chromeのシークレットモードで見てみ？」って言われて秒で解決した。これエンジニア界の常識なのか？(はてなブックマーク - 人気エントリー - 総合)

Google

Google
2025/04/06 19:32:Android向けファイル管理アプリが有能。消すべきファイルを教えてくれる(ギズモード・ジャパン)
2025/04/06 18:40:(DeepL:週間投票：Google Pixel 9aをどう思いますか？)Weekly poll: what do you think of the Google Pixel 9a?(GSMArena.com - Latest articles)
2025/04/06 14:14:(DeepL:サムスンGalaxy Z Fold7とFlip7がOne UI 8を標準搭載へ)Samsung Galaxy Z Fold7 and Flip7 to run One UI 8 out of the box(GSMArena.com - Latest articles)
2025/04/06 11:00:MCPに入門する/ Introduction to MCP(はてなブックマーク - 人気エントリー - 総合)
2025/04/06 08:32:Google Pixelを、仕事特化スマホに改良したら、こうなった(ギズモード・ジャパン)

新幹線

新幹線
2025/04/05 22:02:「女子陸上。公式メディアが「エロい瞬間」を公開し4700万回再生されてしまう…」　ほか(ひろぶろ)
2025/04/05 19:54:「この発想はなかった」　“つながっていないプラレール”で新幹線を走らせたら……　“予想外の展開”が1100万表示　「見入っちゃった」(ねとらぼ最新記事一覧)
2025/04/04 06:02:物流　新ステージ／JR東海　新幹線で観光客の荷物輸送(日刊工業新聞電子版)
2025/04/03 18:10:熊谷真実が謝罪、新幹線内で手作り弁当並べ...インスタ投稿に賛否　「気をつけてお食事をいただきます」(J-CASTニュース)
2025/04/03 08:52:【樋口真嗣の地獄の怪光線】Netflix「新幹線大爆破」はドルビーアトモス大実験作品だヒャッハー！(AV Watch)

この地図の作成に当たっては、国土地理院長の承認を得て、同院発行の基盤地図情報を使用した。（承認番号　平22業使、第40号）

最近コメントが書かれた記事

姉妹サイト

Twitterでのお返事