2016年11月24日　第6回地理院地図パートナーネットワーク会議の発表スライドです。

1. リアルタイム位置情報と地理院タイルの
各ソフトウェアへの表示
空間情報開発グループ
石崎 一隆
2016年11月24日

2. 発表の流れ
１．リアルタイム位置情報の可視化
２．各ソフトウェアを利用した表示
2

3. 3
リアルタイム位置情報の可視化

4. 1-1 リアルタイム位置情報の可視化
4
• スマートフォン等から取得した位置情報を
地理院タイルとFOSS4Gを利用して
リアルタイムに表示する仕組みになります。
• 2016年7月9日から9月25日まで北海道博物館
で開催された、「第2回特別展「ジオパークへ
行こう！－恐竜、アンモナイト、火山、地球の
不思議を探す旅ー」で利用した
「写真でジオパーク！」を利用して説明します。

5. 1-2 仕組み
5
地図データ
一般利用者
パソコン
スマートフォン
タブレット
サーバ
写真データ
展示会場 管理者
写真の公開の
有無を判断
Exif 投稿
閲覧
管理
PostgreSQL+PostGIS
MapServer 7

6. 1-3 用語説明
6
• PostgreSQL
オープンソースのデータベース管理システム
• PostGIS
PostgreSQLに空間拡張する機能
• MapServer
オープンソースのWebGIS
• Exif
写真用の画像ファイルフォーマット

7. 1-4 投稿用 – トップ画面
7

8. 1-5 投稿用 – カメラモード
8

9. 1-6 投稿用 – 投稿する
9

10. 1-7 閲覧用 – 広域表示
10
OpenLayers 3 を利用地理院地図

11. 1-8 閲覧用 – 拡大表示
11
投稿された撮影位置
WFSを利用して表示
地理院地図

12. 1-9 閲覧用 – 写真表示
12
地理院地図

13. 1-10 展示用 – 各地の表示
13
北海道
とかち鹿追十勝岳
アポイ岳 洞爺湖有珠山
白滝 三笠
各ジオパークを一定間隔で自動表示

14. 1-11 展示用
14
投稿された写真
ジオパークの名称
地図面はOpenLayers 3 を利用
公開された写真の枚数

15. 1-12 展示用
15

16. 1-13 管理用
16
投稿日時、未審査、公開、非公開、撮影ジオパーク、居住地域
年代、性別、同行形態、コメント、写真を表示

17. 17
各ソフトウェアを利用した表示

18. 2-1 QGISに地理院タイル表示
18QGISの地理院タイル上に投稿された撮影位置を表示
地理院地図

19. 2-2 QGISに地理院タイル表示
19拡大表示
地理院地図

20. 20SIS8.0の地理院タイル上に投稿された撮影位置を表示
2-3 SIS8.0に地理院タイル表示
地理院地図

21. 21拡大表示
2-4 SIS8.0に地理院タイル表示
地理院地図

22. 2-5 ArcGISに地理院タイル表示
22ArcGISの地理院タイル上に投稿された撮影位置を表示
地理院地図

23. 2-6 ArcGISに地理院タイル表示
23拡大表示
地理院地図

24. 2-7 Cesium
24
• オープンソースのWebGLを使った3D地図表示
できるライブラリです。

25. 2-8 Cesiumに地理院タイル表示
25Cesiumの地理院タイル上に投稿された撮影位置を表示
地理院地図

26. 2-9 Cesiumに地理院タイル表示
26
地理院地図

27. 2-10 Cesiumに地理院タイル表示
27
地理院地図の空中写真・衛星画像 最新（2007年～）

28. 2-11 Cesiumに地理院タイル表示
28
地理院地図の空中写真・衛星画像 最新（2007年～）

29. 2-12 まとめ
29
• スマートフォン等から取得したリアルタイムの
位置情報を様々な方法で可視化できます。
• 地理院タイルは様々なソフトウェアから表示が
できます。
• ベースマップが同じなので、主題の位置の
ずれ等を考慮せずに利用できます。

30. ありがとうございます
30
TEL：03-5216-4833
info@hcc.co.jp

31. 31
QGIS 地理院タイル表示方法
参考資料

32. 3-1 QGIS
32
• オープンソースのGISです。
QGISに地理院タイルを表示する方法を説明します。
参考資料

33. 3-2 TileLayerPlugin
33
• TileLayerPluginはWebタイル地図を表示するプラグインです。
以下の地図が表示できます。
– 地理院地図
• TileLayerPluginはQGISインストール時にインストールされて
いません。以下の手順からインストールします。
• メインメニュー –[プラグイン]- [プラグインの管理とインストール]を
選択します。
参考資料

34. 3-3 TileLayerPlugin
34
• 「インストールされていない」を選択し、
「検索」へ「 TileLayerPlugin 」を入力します。
• “プラグインをインストール”ボタンを押します。
• インストールが始まるので少し待ちます。
参考資料
参考資料

35. 3-4 TileLayerPlugin
35
• 地理院地図を読み込む為の情報データをダウンロードします。
https://gist.github.com/minorua/7654132
“Download ZIP”ボタンを押して
情報データをダウンロードします
参考資料
参考資料

36. 3-5 TileLayerPlugin
36
• ダウンロードされたファイルはzip形式のアーカイブファイルです。
• 7-Zip等を利用して展開します。
• 以下の2ファイルが展開されます。
– GSIMaps.tsv
– GSIMapsDisaster.tsv
参考資料

37. 3-6 TileLayerPlugin
37
• QGISに戻ります。
メインメニュー – [Web] – [タイルレイヤプラグイン] – [タイルレイヤを追加する] を選択
“設定”ボタンを押します
参考資料

38. 3-7 TileLayerPlugin
38
“…”ボタンを押します
ダウンロードし展開した地理院地図を読み込む為の情報データの
フォルダを指定
“フォルダーの選択”ボタンを
押します
参考資料

39. 3-8 TileLayerPlugin
39
“ＯＫ”ボタンを押します
GSIMaps – 標準地図 を
ダブルクリック
参考資料

40. 3-9 QGISに地理院タイル表示
40QGISの地理院タイル上に投稿された撮影位置を表示
地理院地図
参考資料

41. 41
SIS 地理院タイル表示方法
参考資料

42. 4-1 SIS8.0
42
• 商用のGISです。
SIS8.0に地理院タイルを表示する方法を説明します。
参考資料

43. 43
[ホーム] – [オーバーレイ]を選択します。
4-2 SIS8.0の設定
参考資料

44. 44
[オーバレイ] – [オーバーレイ追加]を選択します。
4-3 SIS8.0の設定
参考資料

45. 45[OGC] – [OGC WMTS]を選択します。
4-4 SIS8.0の設定
参考資料

46. 46
http://gsi-cyberjapan.github.io/experimental_wmts/gsitiles_wmts.xml?
4-5 SIS8.0の設定
参考資料

47. 47地理院タイルを選択します。
4-6 SIS8.0の設定
参考資料

48. 48SIS8.0の地理院タイル上に投稿された撮影位置を表示
4-7 SIS8.0に地理院タイル表示
地理院地図
参考資料

49. 49
ArcGIS 地理院タイル表示方法
参考資料

50. 50
• 商用のGISです。
[ウインドウ] – [カタログ]を選択します。
5-1 ArcGIS
参考資料

51. 51
[GIS Server] – [WMTSサーバの追加]を選択します。
5-2 ArcGISの設定
参考資料

52. 52
http://esrijapan.github.io/gsi-wmts/chizu_shashin.xml
5-3 ArcGISの設定
参考資料

53. 53地理院タイルが表示されます。
5-4 ArcGISの設定
参考資料

54. 5-5 ArcGISの設定
54
地理院タイルを選択します。
ArcMap上にドラッグ
参考資料

55. 5-6 ArcGISに地理院タイル表示
55ArcGISの地理院タイル上に投稿された撮影位置を表示
地理院地図
参考資料