Webteko#10 GoogleMaps

Google
Maps

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

•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

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/

出し方

http://maps.smartnetwork.co.jp/view?m=49

ドラクエGoogleMaps

http://maps.smartnetwork.co.jp/

だれでもちず

http://www.monopolycitystreets.com

Monopoly City Streets

Webteko#10 GoogleMaps

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Webteko#10 GoogleMaps

Semelhante a Webteko#10 GoogleMaps (8)

Mais de だいすけふるかわ

Mais de だいすけふるかわ (18)

Último

Último (11)