Submit Search
Webteko#10 GoogleMaps
0 likes
1,179 views
だ
だいすけ ふるかわ
Webteko#10でお話しさせていただいたGoogleMapsの発表です。
Technology
Read more
1 of 43
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
More Related Content
PDF
御山周辺1
Kazuhide Fukada
PDF
20130608 電子地図研究会 広島完全版
Inoshachu, NPO
PDF
電子国土を使って観光マップを作成してみる
Inoshachu, NPO
PDF
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
Taichi Furuhashi
PDF
交通費変形地図を作ってみた
Saki Murata
PPTX
今一番イケてるサービス
Mitsuki Toshitani
PDF
Webteko 20090925
だいすけ ふるかわ
PDF
メイドめーる
だいすけ ふるかわ
御山周辺1
Kazuhide Fukada
20130608 電子地図研究会 広島完全版
Inoshachu, NPO
電子国土を使って観光マップを作成してみる
Inoshachu, NPO
How about FURUHASHI Labs, GSC, Aoyama Gakuin Univ.
Taichi Furuhashi
交通費変形地図を作ってみた
Saki Murata
今一番イケてるサービス
Mitsuki Toshitani
Webteko 20090925
だいすけ ふるかわ
メイドめーる
だいすけ ふるかわ
Similar to Webteko#10 GoogleMaps
(8)
PDF
Html5 canvasとgoogle maps apiで遊んでみた
真吾 森
PDF
Gdg geo2
Kentaro Ishimaru
PPTX
LODチャレンジデー オープンデータを利用したサンプルアプリ
Monaca
KEY
Geo x html5 on MapsAPI three minutes cooking
Kentaro Ishimaru
PDF
20140613 ロケーションビジネスジャパン osm
Taichi Furuhashi
PDF
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
schoowebcampus
PDF
20130417_和歌山大学授業_VGIのチカラ
Taichi Furuhashi
PDF
20130413 いしのまき復興マップづくり
Taichi Furuhashi
Html5 canvasとgoogle maps apiで遊んでみた
真吾 森
Gdg geo2
Kentaro Ishimaru
LODチャレンジデー オープンデータを利用したサンプルアプリ
Monaca
Geo x html5 on MapsAPI three minutes cooking
Kentaro Ishimaru
20140613 ロケーションビジネスジャパン osm
Taichi Furuhashi
Google Maps APIを使って、自分好みの地図を作ろう 先生:川村 健一
schoowebcampus
20130417_和歌山大学授業_VGIのチカラ
Taichi Furuhashi
20130413 いしのまき復興マップづくり
Taichi Furuhashi
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
Amazon S3 Ec2
だいすけ ふるかわ
PDF
Java Script入門
だいすけ ふるかわ
PPT
メールフォームを作る
だいすけ ふるかわ
PPT
メイドめーる
だいすけ ふるかわ
PPT
Iepngfix
だいすけ ふるかわ
PPT
ememo_plesentation_2008-02-26
だいすけ ふるかわ
PPT
Human Date20070907
だいすけ ふるかわ
飲食店サイトのスクレイピング
だいすけ ふるかわ
スタートアップツールチラ見せナイト エニタイムズ
だいすけ ふるかわ
FireFoxによるWebデザイン
だいすけ ふるかわ
Ti.developers.meeting
だいすけ ふるかわ
Titanium mobile
だいすけ ふるかわ
LibraHack後の スクレイピングを 考える
だいすけ ふるかわ
実践スクレイピング
だいすけ ふるかわ
Html5で作るiPhoneアプリケーション2010
だいすけ ふるかわ
HTML5で作るiPhoneアプリケーション
だいすけ ふるかわ
すまべん20091114
だいすけ ふるかわ
プログラマがデザインをがんばってみた
だいすけ ふるかわ
Amazon S3 Ec2
だいすけ ふるかわ
Java Script入門
だいすけ ふるかわ
メールフォームを作る
だいすけ ふるかわ
メイドめーる
だいすけ ふるかわ
Iepngfix
だいすけ ふるかわ
ememo_plesentation_2008-02-26
だいすけ ふるかわ
Human Date20070907
だいすけ ふるかわ
Ad
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