逆引きGoogle Maps APIリファレンス ver 3

Google API Expertが解説する Google Maps APIプログラミングガイド
 このページはGoogle Maps APIのバージョン3に対応した逆引きリファレンスです(逆引きGoogle Maps API ver 3は書籍では発行されていません)。
 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。
Last update:2014/7/10 AM 9:06
番外編

いろいろ

  1. Google APIsでGoolge Maps APIの使用状況(アクセス数)を確認する
  2. RPG風(ドラゴンクエスト風)マップを表示する
基本編(Google Maps API version 3)

マップ

  1. Google Mapsを表示する
  2. 指定した緯度経度の場所の地図を表示する
  3. 指定したピクセル数だけ地図を移動する
  4. 指定した範囲に地図がフィットするようにする
  5. 指定した範囲内に地図が表示されるように移動する
  6. tableのセル内に100%サイズでGoogle Mapsを表示する
  7. ドラッグしたら地図の中心の緯度経度を表示する
  8. 地図の表示領域の緯度経度を表示する
  9. 地図の上に落書きする

座標処理(緯度経度の処理)

  1. 最初に地図の中央の位置(緯度経度)を指定する
  2. 後から地図の中心の緯度経度を指定する
  3. 地図の中心の緯度経度を取得する
  4. 地図のズームレベルを取得する
  5. 表示されている地図の種類を取得する

ズーム処理

  1. 最初にズームレベル(表示倍率)を指定する
  2. 後からズームレベル(表示倍率)を指定する
  3. ズームレベル(表示倍率)を取得する

地図の種類

  1. 最初に地図の種類を指定する
  2. 後から地図の種類を指定する
  3. 現在の地図の種類を取得する
  4. 現在の地図の傾きを取得する
  5. 現在の地図の傾きを設定する
  6. 現在の地図の俯瞰方向を設定する

コントロール

  1. 最初に各種コントロールを表示するかどうかを指定する
  2. 地図の種類の表示数を指定する
  3. マップタイプコントロールの表示方法を指定する
  4. マップタイプコントロールの表示位置を指定する
  5. ナビゲーションコントロールの表示方法を指定する
  6. ナビゲーションコントロールの表示位置を指定する
  7. スケールコントロールの表示方法を指定する
  8. スケールコントロールの表示位置を指定する

マーカー

  1. 通常のマーカーを表示する
  2. 独自のマーカー(カスタムマーカー)を表示する
  3. マーカーをドラッグできるようにする
  4. マーカーがクリックされたら情報ウィンドウ(ふきだし)を表示する
  5. 最初からマーカー上に情報ウィンドウ(ふきだし)を表示する
  6. マーカーがドラッグできるかどうか調べる
  7. カスタムマーカーの画像URLを取得する
  8. マーカーの緯度、経度を取得する
  9. マーカーの画像を変更する
  10. 複数のマーカーが地図内に全て表示されるようにする
  11. 緯度、経度を指定してマーカーを削除する(1)
  12. 緯度、経度を指定してマーカーを削除する(2)
  13. マーカーを一定回数だけ移動させる

ポリライン

  1. ポリライン(連続直線)を表示する
  2. ポリラインの線の色を指定する
  3. ポリラインの線のサイズ(太さ)を指定する
  4. ポリラインの線の不透明度を指定する
  5. ポリラインの線の色を取得する
  6. ポリラインの線の色を後から設定する
  7. ポリラインがクリックされたらアラートダイアログを表示する
  8. ポリラインがクリックされたら情報ウィンドウを表示する
  9. ポリラインがクリックできないようにする
  10. マップ上でクリックしたらポリラインを描画する

ポリゴン

  1. ポリゴン(多角形)を表示する
  2. ポリゴンの線の色を指定する
  3. ポリゴンの線のサイズ(太さ)を指定する
  4. ポリゴンの線の不透明度を指定する
  5. ポリゴン内部の色を指定する
  6. ポリゴン内部の色の不透明度を指定する
  7. ポリゴンがクリックされたらアラートダイアログを表示する
  8. ポリゴン上にマウスが乗ったら色を変える
  9. ポリゴン内部の色を点滅させる

イベント

  1. マップ上のクリックイベントを捕捉する
  2. マップ上のダブルクリックイベントを捕捉する
  3. マップ上の右クリックイベントを捕捉する
  4. マップ上のドラッグイベントを捕捉する
  5. マップ上のドラッグ開始イベントを捕捉する
  6. マップ上のドラッグ終了イベントを捕捉する
  7. マップ上の中心座標が変化した際のイベントを捕捉する
  8. マップ上の表示領域が変化した際のイベントを捕捉する
  9. マップ上のズーム(表示倍率)が変化した際のイベントを捕捉する
  10. マップ上の地図の種類が変化した際のイベントを捕捉する
  11. マップ上のマウス移動イベントを捕捉する
  12. マップ上のマウス移動イベントを捕捉する
  13. マップ上のマウスオーバーイベントを捕捉する
  14. マップ上のマウスアウトイベントを捕捉する
  15. マップ上のアイドルイベントを捕捉する
  16. マーカーのクリックイベントを捕捉する
  17. マーカーのダブルクリックイベントを捕捉する
  18. マーカーの右クリックイベントを捕捉する
  19. マーカーのマウスオーバーイベントを捕捉する
  20. マーカーのマウスアウトイベントを捕捉する
  21. マーカーのマウスダウンイベントを捕捉する
  22. マーカーのマウスアップイベントを捕捉する
  23. マーカーのドラッグイベントを捕捉する
  24. マーカーのドラッグ開始イベントを捕捉する
  25. マーカーのドラッグ終了イベントを捕捉する
  26. マーカーの位置変更イベントを捕捉する
  27. マーカーのクリック有効/無効切り換えイベントを捕捉する
  28. マーカーの表示有効/無効切り換えイベントを捕捉する
  29. ポリライン(連続直線)のクリックイベントを捕捉する
  30. ポリライン(連続直線)のダブルクリックイベントを捕捉する
  31. ポリライン(連続直線)の右クリックイベントを捕捉する
  32. ポリライン(連続直線)のマウスダウンイベントを捕捉する
  33. ポリライン(連続直線)のマウスアップイベントを捕捉する
  34. ポリライン(連続直線)のマウスオーバーイベントを捕捉する
  35. ポリライン(連続直線)のマウスアウトイベントを捕捉する
  36. ポリゴンのクリックイベントを捕捉する
  37. ポリゴンのダブルクリックイベントを捕捉する
  38. ポリゴンの右クリックイベントを捕捉する
  39. ポリゴンのマウスダウンイベントを捕捉する
  40. ポリゴンのマウスアップイベントを捕捉する
  41. ポリゴンのマウスオーバーイベントを捕捉する
  42. ポリゴンのマウスアウトイベントを捕捉する

ジオコーディング

  1. 指定された住所の場所を中心にして地図を表示する(ジオコーディング)
  2. 指定された住所の緯度、経度を求める
  3. 指定された緯度、経度から住所を求める

ルート検索

  1. 指定した2点間のルート検索を行う
  2. 中間地点を指定してルート検索を行う
  3. 指定した2点間の道のりを表示する
  4. 始点から終点までの距離(総延長)を求める
  5. マーカードラッグ後に始点から終点までの距離(総延長)を求める
  6. ルート検索で表示される情報ウィンドウの内容を書き換える

高度

  1. 指定した地点の高度(海抜)を求める
  2. 地図の中心の高度(海抜)を求める
  3. クリックした地点の高度(海抜)を求める

地図の色/表示スタイル指定

  1. 地図のベースカラーを変更する

ストリートビュー

  1. ストリートビューを利用可能にする
  2. マップとは別の場所にストリートビューを表示する
  3. ストリートビューを指定した方角や角度で表示する
  4. ストリートビューで表示されている方角や角度を取得する
  5. ストリートビューだけを表示する

KML

  1. KMLデータを読み込み表示する(標準のマーカー表示のみ)
  2. KMLデータを読み込み表示する(カスタムマーカーを表示)
  3. jQueryを使ってKMLデータの内容を表示する
  4. KMLデータを読み込み表示する(折れ線表示)

GeoJSON

  1. GeoJSONデータを読み込む
  2. GeoJSONデータのポリゴンの塗り潰し色を指定する
  3. GeoJSONデータのポリゴンの線の色を指定する
  4. GeoJSONデータのポリゴンの線の太さを指定する
  5. GeoJSONデータのポリゴンの塗りの不透明度を指定する
  6. GeoJSONデータのポリゴンの線の不透明度を指定する
  7. GeoJSONデータがクリックされた場合に処理する
  8. GeoJSONデータがクリックされたらポリゴンの塗り潰し色を変更する
  9. GeoJSONデータにマウスが重なった/離れた場合にポリゴンの塗り潰し色を変更する

関連リンク

  1. Google-Maps-API-Japan(質問や告知は、こちらでどうぞ)
  2. Google Maps 活用講座
  3. Google Maps JavaScript API V3
  4. リファレンス:Google Maps JavaScript API V3
  5. Google Maps JavaScript API V2
  6. リファレンス:Google Maps JavaScript API V2
  7. Google Maps API for Flash
  8. リファレンス:Google Maps API for Flash
  9. Google Maps API Premier【大企業向け有料サービス】
  10. Static Maps API V2
  11. Google Earth API
  12. Google Maps API ver 3における変更点やバグフィックス情報
  13. Google Maps関連のバグフィックス情報など
  14. Google MapsでのKMLのサポート

関連書籍/本

  1. Google Maps APIプログラミング入門 (2010年3月30日発売)
  2. Google Maps Hacks 第2版 (2007年10月26日発売)
  3. Google Maps API逆引きクイックリファレンス (2006年9月発売)