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

Google Maps APIについて

Embed Size (px)

Citation preview

Page 1: Google Maps APIについて

Google Maps API  .

https://www.google.co.jp/maps

Page 2: Google Maps APIについて

Google Maps API を使うタイミング

Page 3: Google Maps APIについて

でも、もう少しカスタマイズしたい

↓  そう思ったら……、

Google Maps API

Page 4: Google Maps APIについて

その前にGoogle Maps API v3の

動作環境や仕様の確認

Page 5: Google Maps APIについて

公式からの引用Google マップの完全版( 3D 画像や Earth 対応)を使うには、次の要件を満たしたパソコンをご利用いただく必要があります

次のいずれかのブラウザの最新バージョン :

Google ChromeFirefoxInternet ExplorerSafari

オペレーティング システムの次のいずれかのバージョン :

Mac OS 10.8.3 (LION) 以降Windows 7 、 8 、 8.1Intel CPU 搭載の Chrome OSLinux ( Firefox 以外を使用)

Page 6: Google Maps APIについて

基本的な機能  .   

Page 7: Google Maps APIについて

Tokyo Apartment Inc.

・ピンの画像変更

・複数表示

・ピンにリンクを貼る

・初期・最大・最小ズーム値の設定

※MTで生成した JSONを読みにいっています。

Page 8: Google Maps APIについて

法律相談センター・吹き出し (吹き出し内は HTML ・ CSS で編集)

・地図の複数表示  ( 同じデータを使って拡大箇所を変更して表示 )

Page 9: Google Maps APIについて

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

Page 10: Google Maps APIについて

■Styled Maps Wizardhttp://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

デザイナからエンジニアにデザインを伝えるには、ツールを使って直接スタイルデータを渡すのがオススメ

Page 11: Google Maps APIについて

ルートを表示

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

Page 12: Google Maps APIについて

ポリライン(線)の表示

地図上にポリラインを埋め込めることができます。

訪問者が自分で線を引くことも処理次第で可能(しかし、なぞる動作は不可)

← 現在はこういう機能は不可能

Page 13: Google Maps APIについて

範囲を作る

• 四角、丸や自由な形の範囲を作ることができます。

• これもピンと同じくクリックしたらイベントを開始等の動作を行えます。

Page 14: Google Maps APIについて

それに加え・・・・・・• 現在の座標• 地図の移動• ズーム値• ピンの移動、削除、あとから追加• 二点の距離、ルートの距離・時間• Earth (写真)表示、 3D 表示

などなどを取得・変更できます。

Page 15: Google Maps APIについて

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

Page 16: Google Maps APIについて

フライトレーダー 24

• http://www.flightradar24.com/35.61,139.76/11

• 鉄道Nowhttp://www.demap.info/tetsudonow/

Page 17: Google Maps APIについて

自転車大好きマップ

• http://www.bicyclemap.net/

Page 18: Google Maps APIについて

GoogleMapAPI( 無償版 ) を使用するときの注意

1. いつでも、誰でも、どこからでも、同じコンテンツが利用できるようになっていること

2.Google Maps API( 無償版 ) を利用して直接的な収益をあげるような商用利用は行わないこと

一日 25000PV を越えないこと90 日連続で使用制限を超えた場合、課金されます。

Maps API for Work( 有償版 ) と Maps API( 無償版 ) の比較http://www.zenrin-datacom.net/business/gmapsapi/comparison.html

参考 URLhttp://googleforwork-japan.blogspot.jp/2010/03/google-maps-apigoogle-maps-api-

premier_8.html