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

Google Maps の中心にマーカーを表示する

Google Mapsの中心にセンターマーカーを表示する。地図が移動しても常に中心に表示されるようにする。またセンターマーカーをドラッグすると、地図の中心がドロップしたところに動くようにする。 マーカーを表示する アイコ … 続きを読む

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

Google Maps を表示する

Google Maps API V3を使って Google Maps を表示する。 アプリケーションをHTML5として宣言する Google Maps APIを読みこむ 位置を返す機能がない機器(PCなど)ではsenso … 続きを読む

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

jQuery EasyUIでレイアウトを作成する (layout)

jQuery EasyUIのlayoutを使って画面を構成する。 layoutはpanelを並べたもので、上下・左右と中央の5つのパネルからなる。中央以外のパネルはデフォルトで「隠す」ボタンが設定されている。 各パネルに … 続きを読む

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

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

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

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

File API (HTML5)でファイルを作成する

HTML5の機能を利用すると、ファイルの作成が非常に簡単になる。ここでは、作成したファイルをローカル環境にダウンロードすることを想定。 以前(2012年)は、Blob()ではなくBlobBuilder()を利用していた。 … 続きを読む

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

javascriptオブジェクトをJSON形式に変換する

最近のブラウザでは、オブジェクトをJSON文字列に変換する JSON.stringify()、逆にJSON文字列をオブジェクトに変換する JSON.parse() が標準で用意されている。 space(省略可)を利用して … 続きを読む

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

GPSファイルの読込・表示(3) – jQuery EasyUI

プレーンテキストで出力していたGPSデータを、jQuery EasyUIのdatagridを利用して整形して表示する。 GPSファイルの読込 ローカルファイルにアクセス GPSファイルの解析 NMEAフォーマット、緯度経 … 続きを読む

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

GPSのNMEAフォーマット

GPSのNMEAフォーマットについて。 各行は$で始まり改行で終わる。このフォーマットにはいくつかのデータタイプがあるが、この機種では、GGA、GSA、GSV、RMC、VTGの各タイプのデータを含む。 1つのポイントあた … 続きを読む

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

緯度・経度の表現を60進法から10進法に変換する

緯度(Latitude/Lat)・経度(Longitude/Lat)の数値表現について 一般に度・分・秒で表される (例) 東経139度45分35秒187  (=139度45分35.187秒) 度はdegree (d)、 … 続きを読む

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

jQuery EasyUIでテーブルを表示する(datagrid)

jQuery Easy UIのdatagridを利用してテーブルを表示する。 HTMLで表の枠組を定義する タイトル行を用意する。もちろん、この部分をコードで作成することも可能。ここでは、テーブルのタイトル、サイズ、各種 … 続きを読む

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