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

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

jQuery EasyUI の PropertyGridを使う(1)

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

“latitude=35.0,longitude=135.0″のような、｢Key＆Value｣のセットをまとめて表示するには、jQuery UIのPropertyGridが便利だ。Property … 続きを読む →

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

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

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

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

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

Google Maps でポリラインを表示する

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

Google MapsでPolyline(連続直線)を表示する方法。 google.maps.Polyline()で生成し、xxx.setMap(map)で表示し、xxx.setMap(null)で消去する。 実行例1 … 続きを読む →

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

Google Maps で大量マーカーを取り扱う – MarkerClustererの利用

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

大量のマーカーを取り扱う場合に便利なライブラリMarkerClustererの紹介。これを使うと、マーカーが密集している場合はサマリー化して表示してくれるので、見やすくなるだけでなく、パフォーマンスが改善する。 ドキュメ … 続きを読む →

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

Google Maps で複数マーカーを取り扱う – マーカーの消去

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

Google Mapで複数マーカーを取り扱う際のTips。 マーカーを消去する マーカーを表示する際は、obj.setMap(map) としたが、消去する際は、同様に obj.setMap(null) とすればよい。複数 … 続きを読む →

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

Google Maps で複数マーカーを取り扱う – 地図サイズ・中心の調整

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

Google Mapで複数マーカーを取り扱う際のTips。 マーカーが地図内に収まるように中心・ズームレベルを調整する APIにfitBounds()という便利な関数が用意されているので、これを使うのが簡単。 この例でわ … 続きを読む →

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

Google Maps で複数マーカーを取り扱う – リスナーの追加

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

Google Mapで複数マーカーを取り扱う際のTips。 複数のマーカーに対するリスナー追加 マーカーの作成・表示は1つの場合と同じだが、リスナーの書き方には若干注意が必要。つまり、ループを回してクロージャによりリスナ … 続きを読む →

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