「Google Maps」タグアーカイブ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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