javascript」タグアーカイブ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google Maps を表示する

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

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

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

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

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

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

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

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