月別アーカイブ: 2013年2月

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

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

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

JavaScript でタイマーを使う(setInterval(),setTimeout())

JavaScript でタイマーを使う。JavaScriptでは、「一定時間後」に処理を行う setTimeout() と、「一定時間ごと」に処理を行う setInterval()の2つが用意されているが、今回は繰り返し … 続きを読む

カテゴリー: Tips | タグ: | 1件のコメント

ブラウザのボタンあれこれ(HTML/jQuery)

ボタンを作成する button要素を使うと、input要素と同等の機能を持つボタンが作成できる。type=”button” で汎用ボタンになる。 画像ボタンにする imgタグを使うと画像ボタンが作 … 続きを読む

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

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

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

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

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

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

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

jQuery EasyUI の「Layout」PanelをコードでExpand/Collapseする

画面の構築にjQuery EasyUIのLayoutを利用している。このLayoutが管理するPanelをコードでExpand/Collapseする方法について述べる。例えば、右(east)のパネルを開くには以下でOK。 … 続きを読む

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

JavaScriptでオブジェクトの配列から特定の要素の最大値を得る

結論から言うと、 – Math.max.apply(null,object.map(function(o){return o.element;})) の1行で実現できる。 JavaScriptで最大値を得るには Math … 続きを読む

カテゴリー: Tips | タグ: | 2件のコメント

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

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

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

Google Maps で設定したイベントリスナを解除する

Google Mapsで設定したイベントリスナを解除するには、clearListeners()を使う。 mapに設定した「地図領域の変化」「中心の移動」イベントに設定したイベントリスナの解除は以下のとおりになる。 現在は … 続きを読む

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

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

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

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