1. かんたん位置情報デジタル化
簡易マニュアル簡易マニュアル
2015.3.28 @厚木市情報プラザ
Code for Kanagawa

2. Contents
1. 本書の目的
2. 概要
3. 環境準備
4. 手順4. 手順
5. 利⽤条件

3. 1.本書の目的
• 住所情報を地図アプリケーションにマッピングします
• エンジニアの方でなくても、Excel等のスプレッドシート
を扱う知識で実現できるよう構成しています
• 本格的なアプリケーション開発ではありません

4. 2.概要
• Googleの以下のサービスを使⽤します
– Google Drive
– Google Maps
– Google Fusion Table
アーキテクチャ概要
PCなどのデバイス Google サービス
• アーキテクチャ概要
Google Drive
スプレッド
シート
CSVファイル
住所情報
ブ
ラ
ウ
ザ
Fusion
Table
Google Maps
インターネット

5. 3.環境準備
• Mac/Windows PC
• Googleアカウント
• テキストエディタ
• Chrome ブラウザ(推奨)/Firefoxなどのブラウザ• Chrome ブラウザ(推奨)/Firefoxなどのブラウザ
Chromeの場合

6. 3.環境準備
• 住所情報を記載したCSVファイル(xlsでも可)
– テキストエンコードはUTF8,改⾏LFのみ推奨
番号,住所
1,"神奈川県横浜市⼾塚区名瀬町2,012番地"
2,神奈川県横浜市⼾塚区名瀬町791番地の12
3,神奈川県横浜市⼾塚区名瀬町698番地
神奈川県横浜市⼾塚区名瀬町 番地の
3,神奈川県横浜市⼾塚区名瀬町698番地
4,神奈川県横浜市⼾塚区名瀬町402番地の2
5,神奈川県横浜市⼾塚区名瀬町785番地
6,神奈川県横浜市⼾塚区名瀬町791番地
7,神奈川県横浜市⼾塚区名瀬町776番地
8,神奈川県横浜市⼾塚区名瀬町762番地の3
1,"神奈川県横浜市⼾塚区名瀬町3,143番地の4"
2,"神奈川県横浜市⼾塚区名瀬町2,850番地の24"
3,"神奈川県横浜市⼾塚区名瀬町2,971番地"
4,"神奈川県横浜市⼾塚区名瀬町2,502番地"
5,"神奈川県横浜市⼾塚区名瀬町2,956番地“

7. 3.環境準備
• Google DriveでFusion Tableを追加します
①作成
③”Fusion Table”を検索
②アプリを追加
④接続
⑤ＯＫ

8. 4.手順
• スプレッドシートにcsvファイルをインポート
①スプレッド
シート ②ファイルからイン
ポートを選択

9. 4.手順
• スプレッドシートにcsvファイルをインポート
①アップロードを
選択
番号,住所
1,"神奈川県横浜市⼾塚区名瀬町2,012番地"
2,神奈川県横浜市⼾塚区名瀬町791番地の12
3,神奈川県横浜市⼾塚区名瀬町698番地
4,神奈川県横浜市⼾塚区名瀬町402番地の2
5,神奈川県横浜市⼾塚区名瀬町785番地
6,神奈川県横浜市⼾塚区名瀬町791番地
7,神奈川県横浜市⼾塚区名瀬町776番地
8,神奈川県横浜市⼾塚区名瀬町762番地の3
1,"神奈川県横浜市⼾塚区名瀬町3,143番地の4"
2,"神奈川県横浜市⼾塚区名瀬町2,850番地の24"
3,"神奈川県横浜市⼾塚区名瀬町2,971番地"
4,"神奈川県横浜市⼾塚区名瀬町2,502番地"
5,"神奈川県横浜市⼾塚区名瀬町2,956番地“
②ブラウザにCSVファイ
ルをドラッグ

10. 4.手順
• スプレッドシートにcsvファイルをインポート
①「スプレッドシート
③ファイル名を変更しておく
①「スプレッドシート
を置換する」を選択
②インポート

11. 4.手順
• Fusion Tableにスプレッドシートをロードする
②Google Spreadsheetsを選択
①Fusion Table

12. 4.手順
• Fusion Tableにスプレッドシートをロードする
①ロードするスプレッ
ドシートを選択
②承認
※初回のみ

13. 4.手順
• Fusion Tableにスプレッドシートをロードする
※CSVファイルの最初の1⾏目がカラム名の場合は”1”
①”Next”

14. 4.手順
• Fusion Tableにスプレッドシートをロードする
※第三者にデータを取得されたくない場合はチェックを外す
①”Finish”

15. 4.手順
• 住所をジオコーディング(緯度経度変換)する
①Editメニューから”Change columns”

16. 4.手順
• 住所をジオコーディング(緯度経度変換)する
③”Save”
①住所情報のカラムを選
択
②Typeを”Location”に変更

17. 4.手順
• 住所をジオコーディング(緯度経度変換)する
①カラムが⻩⾊にハイライトされる
②Fileメニューから”Geocode…”を選択

18. 4.手順
• 住所をジオコーディング(緯度経度変換)する
①ジオコーディングするカラムである
ことを確認し、”Begin geocoding”
②ジオコードの進捗が表示される
ジオコーディングの処理速度は3〜4件/秒が目安
個人アカウントの場合、1IPからのリクエストリミットは15000件/⽇（使⽤時には必ず最新の利⽤規約を確認して下さい）

19. 4.手順
• 住所をジオコーディング(緯度経度変換)する
①「＋」タブから”Add map”を選択
②”Location”を住所のカラムに変更

20. 4.手順
• サイトに公開する
①表示させたい場所をセンターに変更、ズームを調整します
※地図の著作権の関係で表示をぼかしています

21. 4.手順
• サイトに公開する
①”Map1”から”Publish”を選択

22. 4.手順
• サイトに公開する
①アクセス権を変更します

23. 4.手順
• サイトに公開する
①アクセス権を変更します
②公開範囲を選択します

24. 4.手順
• サイトに公開する
①このURLが公開⽤URLになりますので公開範囲で共有して下さい

25. 4.手順
• サイトに公開する
PCなどのデバイス Google サービス
Google Drive
スプレッドCSVファイル
ブ
ラ
ウ
ザ
インターネット スプレッド
シート
CSVファイル
住所情報
ブ
ラ
ウ
ザ
Fusion
Table
Google Maps
インターネット
今回のアーキテクチャではここが公開されます

26. 4.手順
• サイトに公開する（参考）
※Webサーバにホスティングする場合のHTML
ソースが自動生成されます

27. 4.手順
• ちょっと工夫
– CSVのレコードにGoogle Mapアプリを起動するURL
を記述しておくと、スマートフォンなら現在地から
経路検索を1タップで起動できます
http://maps.google.co.jp/maps?
daddr=神奈川県厚木市飯⼭4232-1

28. 5.利⽤条件
• Google Mapの利⽤規約に従います
– 個人利⽤に限る、個人であれば印刷可
– コピーをWebサイトに貼る、資料で配布するのは不可
– 許可無く商業利⽤不可
– 最新の規約を確認してから使います– 最新の規約を確認してから使います
http://www.google.com/intl/ja_ALL/help/terms_local.html
http://www.google.com/intl/ja_US/help/terms_maps.html

29. テクノロジーで
社会をより良くしませんか？
ご静聴ありがとうございました
Thank you!
www.facebook.com/CodeForKanagawa
Join us, please!
Thank you!