SlideShare a Scribd company logo
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

More Related Content

PDF
御山周辺1
PDF
20130608 電子地図研究会 広島完全版
PDF
電子国土を使って観光マップを作成してみる
PDF
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
PDF
交通費変形地図を作ってみた
PPTX
今一番イケてるサービス
PDF
Webteko 20090925
PDF
メイドめーる
御山周辺1
20130608 電子地図研究会 広島完全版
電子国土を使って観光マップを作成してみる
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
交通費変形地図を作ってみた
今一番イケてるサービス
Webteko 20090925
メイドめーる

Similar to Webteko#10 GoogleMaps (8)

PDF
Html5 canvasとgoogle maps apiで遊んでみた
PDF
Gdg geo2
PPTX
LODチャレンジデー オープンデータを利用したサンプルアプリ
KEY
Geo x html5 on MapsAPI three minutes cooking
PDF
20140613 ロケーションビジネスジャパン osm
PDF
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
PDF
20130417_和歌山大学授業_VGIのチカラ
PDF
20130413 いしのまき復興マップづくり
Html5 canvasとgoogle maps apiで遊んでみた
Gdg geo2
LODチャレンジデー オープンデータを利用したサンプルアプリ
Geo x html5 on MapsAPI three minutes cooking
20140613 ロケーションビジネスジャパン osm
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
20130417_和歌山大学授業_VGIのチカラ
20130413 いしのまき復興マップづくり
Ad

More from だいすけ ふるかわ (18)

PDF
飲食店サイトのスクレイピング
PDF
スタートアップツールチラ見せナイト エニタイムズ
KEY
FireFoxによるWebデザイン
KEY
Ti.developers.meeting
PDF
Titanium mobile
PDF
LibraHack後の スクレイピングを 考える
PDF
実践スクレイピング
PDF
Html5で作るiPhoneアプリケーション2010
PDF
HTML5で作るiPhoneアプリケーション
PDF
すまべん20091114
PDF
プログラマがデザインをがんばってみた
PDF
PDF
Java Script入門
PPT
メールフォームを作る
PPT
メイドめーる
PPT
ememo_plesentation_2008-02-26
PPT
Human Date20070907
飲食店サイトのスクレイピング
スタートアップツールチラ見せナイト エニタイムズ
FireFoxによるWebデザイン
Ti.developers.meeting
Titanium mobile
LibraHack後の スクレイピングを 考える
実践スクレイピング
Html5で作るiPhoneアプリケーション2010
HTML5で作るiPhoneアプリケーション
すまべん20091114
プログラマがデザインをがんばってみた
Java Script入門
メールフォームを作る
メイドめーる
ememo_plesentation_2008-02-26
Human Date20070907
Ad

Webteko#10 GoogleMaps