Soumettre la recherche
Mettre en ligne
Webteko#10 GoogleMaps
•
0 j'aime
•
1,178 vues
だ
だいすけ ふるかわ
Suivre
Webteko#10でお話しさせていただいたGoogleMapsの発表です。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 43
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
御山周辺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
だいすけ ふるかわ
メイドめーる
メイドめーる
だいすけ ふるかわ
Contenu connexe
Similaire à 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
Similaire à 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 いしのまき復興マップづくり
Plus de だいすけ ふるかわ
飲食店サイトのスクレイピング
飲食店サイトのスクレイピング
だいすけ ふるかわ
スタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズ
だいすけ ふるかわ
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
だいすけ ふるかわ
Plus de だいすけ ふるかわ
(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
Dernier
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
Shumpei Kishi
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
Matsushita Laboratory
2024 04 minnanoito
2024 04 minnanoito
arts yokohama
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
Ayachika Kitazaki
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
ssuser370dd7
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
ssuser539845
2024 03 CTEA
2024 03 CTEA
arts yokohama
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~
arts yokohama
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
「今からでも間に合う」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の知見
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
2024 04 minnanoito
2024 04 minnanoito
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
2024 03 CTEA
2024 03 CTEA
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~
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へ
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
Télécharger maintenant