SlideShare une entreprise Scribd logo
1  sur  43
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à Webteko#10 GoogleMaps

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

Similaire à Webteko#10 GoogleMaps (8)

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

Plus de だいすけ ふるかわ

スタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズスタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズだいすけ ふるかわ
 
LibraHack後の スクレイピングを 考える
LibraHack後の スクレイピングを 考えるLibraHack後の スクレイピングを 考える
LibraHack後の スクレイピングを 考えるだいすけ ふるかわ
 
Html5で作るiPhoneアプリケーション2010
Html5で作るiPhoneアプリケーション2010Html5で作るiPhoneアプリケーション2010
Html5で作るiPhoneアプリケーション2010だいすけ ふるかわ
 
HTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーションHTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーションだいすけ ふるかわ
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみただいすけ ふるかわ
 

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

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

Dernier

持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見Shumpei Kishi
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfMatsushita Laboratory
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdfAyachika Kitazaki
 
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法ssuser370dd7
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)ssuser539845
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor arts yokohama
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~arts yokohama
 
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-LoopへTetsuya Nihonmatsu
 

Dernier (11)

持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
 
2024 04 minnanoito
2024 04 minnanoito2024 04 minnanoito
2024 04 minnanoito
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
 
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
 
2024 03 CTEA
2024 03 CTEA2024 03 CTEA
2024 03 CTEA
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
 
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
 
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
 

Webteko#10 GoogleMaps