Upload
moonfactory-inc
View
130
Download
1
Embed Size (px)
Citation preview
Google Maps API .
https://www.google.co.jp/maps
Google Maps API を使うタイミング
でも、もう少しカスタマイズしたい
↓ そう思ったら……、
Google Maps API
その前にGoogle Maps API v3の
動作環境や仕様の確認
公式からの引用Google マップの完全版( 3D 画像や Earth 対応)を使うには、次の要件を満たしたパソコンをご利用いただく必要があります
次のいずれかのブラウザの最新バージョン :
Google ChromeFirefoxInternet ExplorerSafari
オペレーティング システムの次のいずれかのバージョン :
Mac OS 10.8.3 (LION) 以降Windows 7 、 8 、 8.1Intel CPU 搭載の Chrome OSLinux ( Firefox 以外を使用)
基本的な機能 .
Tokyo Apartment Inc.
・ピンの画像変更
・複数表示
・ピンにリンクを貼る
・初期・最大・最小ズーム値の設定
※MTで生成した JSONを読みにいっています。
法律相談センター・吹き出し (吹き出し内は HTML ・ CSS で編集)
・地図の複数表示 ( 同じデータを使って拡大箇所を変更して表示 )
地図の色も変更できます。
■Styled Maps Wizardhttp://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
デザイナからエンジニアにデザインを伝えるには、ツールを使って直接スタイルデータを渡すのがオススメ
ルートを表示
自動でルートを計算して表示してくれます。(徒歩、車、交通機関、自転車から)
ポリライン(線)の表示
地図上にポリラインを埋め込めることができます。
訪問者が自分で線を引くことも処理次第で可能(しかし、なぞる動作は不可)
← 現在はこういう機能は不可能
範囲を作る
• 四角、丸や自由な形の範囲を作ることができます。
• これもピンと同じくクリックしたらイベントを開始等の動作を行えます。
それに加え・・・・・・• 現在の座標• 地図の移動• ズーム値• ピンの移動、削除、あとから追加• 二点の距離、ルートの距離・時間• Earth (写真)表示、 3D 表示
などなどを取得・変更できます。
これらを組み合わせれば色々なことができます。
フライトレーダー 24
• http://www.flightradar24.com/35.61,139.76/11
• 鉄道Nowhttp://www.demap.info/tetsudonow/
自転車大好きマップ
• http://www.bicyclemap.net/
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