GPS」タグアーカイブ

URLパラメータで読み込むファイル・自動トラッキングを指定する

URLパラメータで、読み込むJSONファイル名と自動トラッキングする/しないを指定できるようにする。URLパラメータの取得方法は、この記事を参照。動きは以下のとおりを想定。 ファイル指定の有無(gpsjson)を確認する … 続きを読む

カテゴリー: Development | タグ: , , , , , , | コメントする

JSONファイルの作成・読込機能を実現する

これまでの成果をまとめて、アップロードしたGPSデータをJSON形式に変換し、変換したJSONファイルを読み込んで、内容を Google Mapsに表示する機能を実現する。JSONファイルはサーバ側に配置しておき、GUI … 続きを読む

カテゴリー: Development | タグ: , , , , , , | コメントする

トラッキング機能を実現する(2)

再生ボタン:トラッキングの開始 – 初期(init)・一時停止(pause)状態のときは、最初のポイントに移動する。 – すでに再生(play)状態の場合は何もしない。(二重起動防止) – 地図移動処理(moveMapO … 続きを読む

カテゴリー: Development | タグ: , , , | コメントする

トラッキング機能を実現する(1)

地図の中心を、GPSデータの各ポイントに一定時間ごとに移動することで、「トラッキング機能」を実現する。 コンソールパネルの作成 上(north)パネルにボタンを並べて、コンソールパネルを作る。 これを表示すると以下になる … 続きを読む

カテゴリー: Development | タグ: , , , , | コメントする

GPSデータの各種情報を表示する(2)

前回に続いて、GPSファイルの情報を表示する。 GPSファイルを読み込む 結果は変数:gGpsData に格納する。 GPSデータをグリッドに表示する グリッドに値を設定する関数 setGridValueByKey(tg … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

GPSデータの各種情報を表示する(1)

表示用のグリッドを用意する 右パネルにグリッド(jQuery UI/PropertyGrid)を配置する 左パネルには地図情報を表示したので、GPSデータの情報は右パネル(region=”east” … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

Google Maps の情報表示方法を改善する

これまでの成果をまとめて、Google Maps の情報表示方法を改善する。 現在は、地図が移動するたびに中心・表示領域の経緯度を更新表示しているが、このイベントは頻発するのでどうしてもブラウザの動作が遅くなってしまう。 … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

javascriptでn時間後を求める (GPSの日付時刻データをJSTに変換する)

GPSの日付時刻はUTC(Coordinated Universal Time)ベースで記録されているが、表示する際にはローカルベースすなわちJST(Japan Standard Time)に変換する。 文字列形式に変換 … 続きを読む

カテゴリー: Tips | タグ: , | コメントする

GPSファイルをGoogle Mapsに表示する

GPSファイルを読み込み、Google Mapsに表示する。 GPSファイルを選択する 地図を表示する 各ポイントをマーカーで表示 密集している場合はサマリー化して表示。マーカーをクリックすると情報ウィンドウを表示 各ポ … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

GPSファイルをJSON形式に変換する – File API (HTML5)

読み込んだGPSファイルをJSON形式に変換し、ダウンロード出来るようにする。 GPSファイルの読込・表示 JSON形式に変換 File APIでファイルを作成する ファイルを選択する 読込完了後、JSON形式に変換する … 続きを読む

カテゴリー: Development | タグ: , | コメントする