Submit Search
Upload
Webteko#10 GoogleMaps
•
0 likes
•
1,178 views
だ
だいすけ ふるかわ
Follow
Webteko#10でお話しさせていただいたGoogleMapsの発表です。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 43
Download now
Download to read offline
Recommended
御山周辺1
御山周辺1
Kazuhide Fukada
20130608 電子地図研究会 広島完全版
20130608 電子地図研究会 広島完全版
Inoshachu, NPO
電子国土を使って観光マップを作成してみる
電子国土を使って観光マップを作成してみる
Inoshachu, NPO
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
Taichi Furuhashi
交通費変形地図を作ってみた
交通費変形地図を作ってみた
Saki Murata
今一番イケてるサービス
今一番イケてるサービス
Mitsuki Toshitani
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
メイドめーる
メイドめーる
だいすけ ふるかわ
Recommended
御山周辺1
御山周辺1
Kazuhide Fukada
20130608 電子地図研究会 広島完全版
20130608 電子地図研究会 広島完全版
Inoshachu, NPO
電子国土を使って観光マップを作成してみる
電子国土を使って観光マップを作成してみる
Inoshachu, NPO
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
Taichi Furuhashi
交通費変形地図を作ってみた
交通費変形地図を作ってみた
Saki Murata
今一番イケてるサービス
今一番イケてるサービス
Mitsuki Toshitani
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
メイドめーる
メイドめーる
だいすけ ふるかわ
Html5 canvasとgoogle maps apiで遊んでみた
Html5 canvasとgoogle maps apiで遊んでみた
真吾 森
Gdg geo2
Gdg geo2
Kentaro Ishimaru
LODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリ
Monaca
Geo x html5 on MapsAPI three minutes cooking
Geo x html5 on MapsAPI three minutes cooking
Kentaro Ishimaru
20140613 ロケーションビジネスジャパン osm
20140613 ロケーションビジネスジャパン osm
Taichi Furuhashi
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
schoowebcampus
20130417_和歌山大学授業_VGIのチカラ
20130417_和歌山大学授業_VGIのチカラ
Taichi Furuhashi
20130413 いしのまき復興マップづくり
20130413 いしのまき復興マップづくり
Taichi Furuhashi
飲食店サイトのスクレイピング
飲食店サイトのスクレイピング
だいすけ ふるかわ
スタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズ
だいすけ ふるかわ
FireFoxによるWebデザイン
FireFoxによるWebデザイン
だいすけ ふるかわ
Ti.developers.meeting
Ti.developers.meeting
だいすけ ふるかわ
Titanium mobile
Titanium mobile
だいすけ ふるかわ
LibraHack後の スクレイピングを 考える
LibraHack後の スクレイピングを 考える
だいすけ ふるかわ
実践スクレイピング
実践スクレイピング
だいすけ ふるかわ
Html5で作るiPhoneアプリケーション2010
Html5で作るiPhoneアプリケーション2010
だいすけ ふるかわ
HTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーション
だいすけ ふるかわ
すまべん20091114
すまべん20091114
だいすけ ふるかわ
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
だいすけ ふるかわ
Amazon S3 Ec2
Amazon S3 Ec2
だいすけ ふるかわ
Java Script入門
Java Script入門
だいすけ ふるかわ
メールフォームを作る
メールフォームを作る
だいすけ ふるかわ
More Related Content
Similar to Webteko#10 GoogleMaps
Html5 canvasとgoogle maps apiで遊んでみた
Html5 canvasとgoogle maps apiで遊んでみた
真吾 森
Gdg geo2
Gdg geo2
Kentaro Ishimaru
LODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリ
Monaca
Geo x html5 on MapsAPI three minutes cooking
Geo x html5 on MapsAPI three minutes cooking
Kentaro Ishimaru
20140613 ロケーションビジネスジャパン osm
20140613 ロケーションビジネスジャパン osm
Taichi Furuhashi
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
schoowebcampus
20130417_和歌山大学授業_VGIのチカラ
20130417_和歌山大学授業_VGIのチカラ
Taichi Furuhashi
20130413 いしのまき復興マップづくり
20130413 いしのまき復興マップづくり
Taichi Furuhashi
Similar to Webteko#10 GoogleMaps
(8)
Html5 canvasとgoogle maps apiで遊んでみた
Html5 canvasとgoogle maps apiで遊んでみた
Gdg geo2
Gdg geo2
LODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリ
Geo x html5 on MapsAPI three minutes cooking
Geo x html5 on MapsAPI three minutes cooking
20140613 ロケーションビジネスジャパン osm
20140613 ロケーションビジネスジャパン osm
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
20130417_和歌山大学授業_VGIのチカラ
20130417_和歌山大学授業_VGIのチカラ
20130413 いしのまき復興マップづくり
20130413 いしのまき復興マップづくり
More from だいすけ ふるかわ
飲食店サイトのスクレイピング
飲食店サイトのスクレイピング
だいすけ ふるかわ
スタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズ
だいすけ ふるかわ
FireFoxによるWebデザイン
FireFoxによるWebデザイン
だいすけ ふるかわ
Ti.developers.meeting
Ti.developers.meeting
だいすけ ふるかわ
Titanium mobile
Titanium mobile
だいすけ ふるかわ
LibraHack後の スクレイピングを 考える
LibraHack後の スクレイピングを 考える
だいすけ ふるかわ
実践スクレイピング
実践スクレイピング
だいすけ ふるかわ
Html5で作るiPhoneアプリケーション2010
Html5で作るiPhoneアプリケーション2010
だいすけ ふるかわ
HTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーション
だいすけ ふるかわ
すまべん20091114
すまべん20091114
だいすけ ふるかわ
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
だいすけ ふるかわ
Amazon S3 Ec2
Amazon S3 Ec2
だいすけ ふるかわ
Java Script入門
Java Script入門
だいすけ ふるかわ
メールフォームを作る
メールフォームを作る
だいすけ ふるかわ
メイドめーる
メイドめーる
だいすけ ふるかわ
Iepngfix
Iepngfix
だいすけ ふるかわ
ememo_plesentation_2008-02-26
ememo_plesentation_2008-02-26
だいすけ ふるかわ
Human Date20070907
Human Date20070907
だいすけ ふるかわ
More from だいすけ ふるかわ
(18)
飲食店サイトのスクレイピング
飲食店サイトのスクレイピング
スタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズ
FireFoxによるWebデザイン
FireFoxによるWebデザイン
Ti.developers.meeting
Ti.developers.meeting
Titanium mobile
Titanium mobile
LibraHack後の スクレイピングを 考える
LibraHack後の スクレイピングを 考える
実践スクレイピング
実践スクレイピング
Html5で作るiPhoneアプリケーション2010
Html5で作るiPhoneアプリケーション2010
HTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーション
すまべん20091114
すまべん20091114
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
Amazon S3 Ec2
Amazon S3 Ec2
Java Script入門
Java Script入門
メールフォームを作る
メールフォームを作る
メイドめーる
メイドめーる
Iepngfix
Iepngfix
ememo_plesentation_2008-02-26
ememo_plesentation_2008-02-26
Human Date20070907
Human Date20070907
Webteko#10 GoogleMaps
1.
Google
Maps ふるかわだいすけ/mogya.com
2.
•Googleマイマップ •GoogleMapsAPI •GoogleStaticMaps •その他
目次
3.
•Googleマイマップ •GoogleMapsAPI •GoogleStaticMaps •その他
目次
4.
Googleマイマップ
5.
マイマップ
6.
マイマップ
7.
マイマップ
8.
マイマップ
9.
マイマップ
10.
マイマップ
11.
マイマップ
12.
マイマップ
13.
マイマップ
14.
マイマップ
15.
マイマップ
16.
マイマップ
17.
•Googleマイマップ •GoogleMapsAPI •GoogleStaticMaps •その他
目次
18.
http://code.google.com/intl/ja/apis/maps/documentation/ GoogleMapsAPI
19.
:
http://code.google.com/intl/ja/apis/maps/signup.html キーの取得
20.
http://code.google.com/intl/ja/apis/maps/
documentation/introduction.html#Intro GoogleMapsAPI
21.
APIキー sensor=true iPhoneとか携帯でGPSを使う時はtrue
APIのロード
22.
地図がロードされる場所を作っておく
APIのロード
23.
出た
24.
GMap2 → google.maps.Map2 GLatLng
→ google.maps.LatLng 動かないことが・・・(><) 余談:Google AJAX API
25.
ピンを打つ
26.
ピンを打つ
27.
ピンを打つ
28.
ピンを打つ
29.
ピンを打つ
30.
InfoWindow
31.
InfoWindow
32.
InfoWindow
33.
ピンを打つ
34.
•Googleマイマップ •GoogleMapsAPI •GoogleStaticMaps •その他
目次
35.
iPhone上で
GoogleMapsは 使いにくい! •3Gでのロード時間が長い •指で操作しにくい やってみてわかったこと
36.
(○)画像なので軽量
(○)マーカーも出せます (×)画像なので ユーザーは操作ができない そこで、GoogleStaticMaps
37.
<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・・・
出し方
38.
地図の中心位置を指定 <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/ 出し方
39.
•Googleマイマップ •GoogleMapsAPI •GoogleStaticMaps •その他
目次
40.
http://maps.smartnetwork.co.jp/view?m=49 ドラクエGoogleMaps
41.
http://maps.smartnetwork.co.jp/ だれでもちず
42.
http://www.monopolycitystreets.com Monopoly City Streets
43.
http://www.monopolycitystreets.com Monopoly City Streets
Download now