Google Maps APIについて

1. Google Maps API .
https://www.google.co.jp/maps

2. Google Maps APIを
使うタイミング

3. でも、もう少しカスタマイズしたい
↓ そう思ったら……、
Google Maps API

4. その前に
Google Maps API v3の
動作環境や仕様の確認

5. 公式からの引用
Google マップの完全版（3D 画像や Earth 対応）を使うには、次の要件を満た
したパソコンをご利用いただく必要があります
次のいずれかのブラウザの最新バージョン:
Google Chrome
Firefox
Internet Explorer
Safari
オペレーティング システムの次のいずれかのバージョン:
Mac OS 10.8.3 (LION) 以降
Windows 7、8、8.1
Intel CPU 搭載の Chrome OS
Linux（Firefox 以外を使用）

6. 基本的な機能 .

7. Tokyo Apartment Inc.
・ピンの画像変更
・複数表示
・ピンにリンクを貼る
・初期・最大・最小ズー
ム値の設定
※MTで生成したJSONを読みにいっています。

8. 法律相談センター
・吹き出し
（吹き出し内はHTML・CSSで編集）
・地図の複数表示
(同じデータを使って拡大箇所を変更
して表示)

9. 地図の色も変更できます。

10. ■Styled Maps Wizard
http://gmaps-samples-
v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
デザイナからエンジニアにデザインを伝えるには、
ツールを使って直接スタイルデータを渡すのがオススメ

11. ルートを表示
自動でルートを計算して表示してくれます。
（徒歩、車、交通機関、自転車から）

12. ポリライン（線）の表示
地図上にポリライ
ンを埋め込めるこ
とができます。
訪問者が自分で線
を引くことも処理
次第で可能
（しかし、なぞる
動作は不可） ←現在はこういう機能は不可能

13. 範囲を作る
• 四角、丸や自由な形の範
囲を作ることができます。
• これもピンと同じくク
リックしたらイベントを
開始等の動作を行えます。

14. それに加え･･････
• 現在の座標
• 地図の移動
• ズーム値
• ピンの移動、削除、あとから追加
• 二点の距離、ルートの距離・時間
• Earth（写真）表示、3D表示
などなどを取得・変更できます。

15. これらを組み合わせれば
色々なことができます。

16. フライトレーダー24
• http://www.flightradar24.com/35.61,139.76/11
• 鉄道Now
http://www.demap.info/tetsudonow/

17. 自転車大好きマップ
• http://www.bicyclemap.net/

18. GoogleMapAPI(無償版)を使用
するときの注意
1.いつでも、誰でも、どこからでも、同じコンテンツが利用できるようになっていること
2.Google Maps API(無償版)を利用して直接的な収益をあげるような商用利用は行わないこと
一日25000PVを越えないこと
90日連続で使用制限を超えた場合、課金されます。
Maps API for Work(有償版)とMaps API(無償版) の比較
http://www.zenrin-datacom.net/business/gmapsapi/comparison.html
参考URL
http://googleforwork-japan.blogspot.jp/2010/03/google-maps-apigoogle-maps-api-
premier_8.html