以下のほか、ブログを参照して下さい。このページに未掲載のサンプルが多数あります。
制作も承ります。メールはこちらからどうぞ。
API を使用したサンプル1:東京メトロと都営地下鉄の路線図
(首都圏の私鉄やJRを含むマップはこちらです)
現在の API デフォルトのバージョンは「V3」で、モバイルにも適しています。
バージョン2は、2010年5月19日に正式にサポートが終了しています。2012年も引き続き機能していますが、Googleはコードをバージョン3に移行すること(Google Geo Developers Blog: GoV3: It's time to Upgrade)を奨めています。2013年には(おそらく)使えなくなると予想されます。
緯度と経度を調べるには、location を表示するツールを使ってみてください。
また、線(Polyline)や面(Polygon)の描画には、パス出力ツールが便利だと思います。
基本的なGoogle マップ
XMLファイル利用=多くのポイントを表示する場合など
- 基本:記事
- 基本:サンプル
- 日本の火山一覧地図
- クラスタ(多数のポイントを表示)
- ユーザが書き込み・写真投稿可能なマップ
- 修正可能なマップ(データベースを使わず書き込み)
- 横浜防災マップ(地域避難・医療拠点、帰宅困難者受入施設等)
- Polygon 配列 + XML New!
ツール、Google サービス活用など
応用サンプル・マッシュアップなど
詳しくは、各サンプルのソースを参照してください。
路線図
- 東京周辺のメトロ・都営地下鉄・私鉄・JR路線図
- English
- 全国の地下鉄(札幌、仙台、東京、名古屋、京都、大阪、神戸、福岡)
- New York Subway System New!
マラソンや駅伝のコース
チェックボックス、ラジオボタン:ひとつの XML データの中からカテゴリごとに表示
- チェックボックス・サンプル1(マーカー)
- チェックボックス・サンプル2(ポリゴン) New!
- ラジオボタン・サンプル
ライヴ地震情報(RSS情報をマップに取り込む)
色々なツール使用例
jquery との組み合わせ
- サンプル1(アコーディオン)
- サンプル2(infoWindow 代用) New!
- 日本百名山 New!
- Jquery Mobile(スマートフォン向け)
Google Maps API Documentation(公式ページ)