以下の各サンプルのほか、ブログを参照して下さい。このページに未掲載のサンプルもあります。

Google Maps API Flash 版のテスト例など New!

基本的なGoogle マップ+テンプレート

まずグーグルから Maps API key を取得します。例えば www.1111.com でキーを取っておけば、www.1111.com/222/ や www.1111.com/333/ でも使えます。
API v2 は頻繁に Revision が更新されます。head に記述する API Key は「...v=2.x...」または「...v=2.s... 」(s=stable)としておくのが無難でしょう。


基本=基礎的な記述
タブ、オリジナルアイコン
Polyline、Overview
Google サービス活用

・表示したい場所の緯度と経度を調べるには、location を表示するツールを使ってみてください。
・ラインを引く(トレースする)場合には、こちらの XML 出力ツールを使ってみてください。
簡単にコードを出力する Wizard もあります。

応用サンプル・マッシュアップなど

詳しくは、各サンプルのソースを参照してください。


東京のメトロ・都営地下鉄・私鉄・JR路線図
ナンバリング:マーカーに序列表示
世界の国:191カ国を各国旗で表示
チェックボックス、ラジオボタン:Marker Categories、ひとつの XML データの中からカテゴリごとに表示
テポドン発射位置
ライヴ地震情報(RSS情報をマップに取り込む)
火山一覧

色々なツール使用例

リバース・ジオコーディング
世界の現地時間を取得する: EarthTools
任意の地点の標高を取得する: USGS
ToolTip(マーカー+サイドバー)
アイコン・サンプル

サードパーティのツール

Lightbox(サムネイルをクリックすると写真を拡大表示)
Image Cutter(独自のカスタムマップ)
SIMILE Timeline(時間軸を表示)

その他

Moon, Mars, Sky
距離計測、面積測定
Toggle Group

Google Maps API Version 2 Documentation(公式ページ)

feedburner  Add to Google Reader or Homepage

ドメイン内検索

© about