投稿者「admin」のアーカイブ

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

投稿日: 2013/02/06 作成者: admin

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

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

jQuery EasyUI の｢Layout｣PanelをコードでExpand/Collapseする

投稿日: 2013/02/05 作成者: admin

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

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

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

投稿日: 2013/02/04 作成者: admin

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

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

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

投稿日: 2013/02/03 作成者: admin

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

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

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

投稿日: 2013/02/03 作成者: admin

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

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

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

投稿日: 2013/02/02 作成者: admin

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

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

jQuery EasyUI の｢Layout｣でイベントを処理する

投稿日: 2013/02/01 作成者: admin

画面の構築にjQuery EasyUIのLayoutを利用している。これは、Panelを上下左右＋中央に並べてくれるもので、各Panelには折り畳み(Expand/Collapse)機能がデフォルトでついてくる。 通常の … 続きを読む →

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

GPSファイルを読み込み、Google Mapsの各種情報を表示する

投稿日: 2013/01/31 作成者: admin

ここまでの成果をまとめる。 (1)GPSファイルを読み込み、内容をGoogle Mapsに表示する (2)地図の情報を情報パネルに表示する (2)については、Google Mapsにイベントを追加し、地図が変化したとき( … 続きを読む →

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

Javascriptで数値を整形して文字列化する

投稿日: 2013/01/30 作成者: admin

GPSから取得した経緯度のデータは、小数点以下の桁数が不揃いなので、そのまま表示すると少々見難い。そこで表示前に整形することにする。 num.toFixed(int) ：小数点以下の桁数を揃える パラメータで小数点以下の … 続きを読む →

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

jQuery EasyUI の PropertyGridを使う(2)

投稿日: 2013/01/29 作成者: admin

PropertyGridを使う際、表示する内容が固定されているケースでは、最初にデータを読み込んでしまえば完了だが、値が動的に変わる場合に備えて関数を用意しておく。 今回は｢Key & Value｣の｢Key｣ … 続きを読む →

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