javascript」タグアーカイブ

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

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

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

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

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

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

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

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

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

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 | タグ: , | コメントする

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

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

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

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

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

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