Google
Maps
ふるかわだいすけ/mogya.com

•Googleマイマップ
•GoogleMapsAPI
•GoogleStaticMaps
•その他
目次

•Googleマイマップ
•GoogleMapsAPI
•GoogleStaticMaps
•その他
目次

Googleマイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

マイマップ

•Googleマイマップ
•GoogleMapsAPI
•GoogleStaticMaps
•その他
目次

http://code.google.com/intl/ja/apis/maps/documentation/
GoogleMapsAPI

:
http://code.google.com/intl/ja/apis/maps/signup.html
キーの取得

http://code.google.com/intl/ja/apis/maps/
documentation/introduction.html#Intro
GoogleMapsAPI

APIキー
sensor=true
iPhoneとか携帯でGPSを使う時はtrue
APIのロード

地図がロードされる場所を作っておく
APIのロード

出た

GMap2 → google.maps.Map2
GLatLng → google.maps.LatLng
動かないことが・・・(＞＜)
余談：Google AJAX API

ピンを打つ

ピンを打つ

ピンを打つ

ピンを打つ

ピンを打つ

InfoWindow

InfoWindow

InfoWindow

ピンを打つ

•Googleマイマップ
•GoogleMapsAPI
•GoogleStaticMaps
•その他
目次

iPhone上で
GoogleMapsは
使いにくい！
•3Gでのロード時間が長い
•指で操作しにくい
やってみてわかったこと

(○)画像なので軽量
(○)マーカーも出せます
(×)画像なので
ユーザーは操作ができない
そこで、GoogleStaticMaps

<img src ="
http://maps.google.com/staticmap?center=35.636157,
139.883723&size=310x310&maptype=mobile&markers
=35.636157,139.883723,tinyorange%7C35.6615013,13
9.8733166,midblue0%7C35.6628428,139.8723138,mid
blue1%7C35.6643148,139.8721888,midblue2%7C35.6
650962,139.8920179,midblue3%7C35.6657128,139.89
20762,midblue・・・
出し方

地図の中心位置を指定
<img src ="
http://maps.google.com/staticmap?center=35.636157,
139.883723&size=310x310&maptype=mobile&markers
=35.636157,139.883723,tinyorange%7C35.6615013,13
9.8733166,midblue0%7C35.6628428,139.8723138,mid
blue1%7C35.6643148,139.8721888,midblue2%7C35.6
650962,139.8920179,midblue3%7C35.6657128,139.89
20762,midblue・・・
マーカー
マップのサイズ
※詳しくは
http://code.google.com/intl/ja/apis/m
aps/documentation/staticmaps/
出し方

•Googleマイマップ
•GoogleMapsAPI
•GoogleStaticMaps
•その他
目次

http://maps.smartnetwork.co.jp/view?m=49
ドラクエGoogleMaps

http://maps.smartnetwork.co.jp/
だれでもちず

http://www.monopolycitystreets.com
Monopoly City Streets

http://www.monopolycitystreets.com
Monopoly City Streets