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

Similar to Webteko#10 GoogleMaps

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
Kentaro Ishimaru
 
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
 

Similar to 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 いしのまき復興マップづくり
 

More from だいすけ ふるかわ

飲食店サイトのスクレイピング
飲食店サイトのスクレイピング飲食店サイトのスクレイピング
飲食店サイトのスクレイピング
だいすけ ふるかわ
 
スタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズスタートアップツールチラ見せナイト エニタイムズ
スタートアップツールチラ見せナイト エニタイムズ
だいすけ ふるかわ
 
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
だいすけ ふるかわ
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみただいすけ ふるかわ
 
Java Script入門
Java Script入門Java Script入門
Java Script入門
だいすけ ふるかわ
 
メールフォームを作る
メールフォームを作るメールフォームを作る
メールフォームを作る
だいすけ ふるかわ
 
メイドめーる
メイドめーるメイドめーる
メイドめーる
だいすけ ふるかわ
 
Iepngfix
IepngfixIepngfix
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
だいすけ ふるかわ
 

More from だいすけ ふるかわ (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
 

Recently uploaded

LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
chiefujita1
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
Toru Tamaki
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
Matsushita Laboratory
 
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
tazaki1
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
harmonylab
 
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
Takayuki Nakayama
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
嶋 是一 (Yoshikazu SHIMA)
 
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
t m
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
Osaka University
 

Recently uploaded (10)

LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
 
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
 
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
 
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
 

Webteko#10 GoogleMaps