リアルタイム位置情報と地理院タイルの 各ソフトウェアへの表示

リアルタイム位置情報と地理院タイルの
各ソフトウェアへの表示
空間情報開発グループ
石崎 一隆
2016年11月24日
発表の流れ
１．リアルタイム位置情報の可視化
２．各ソフトウェアを利用した表示
2
リアルタイム位置情報の可視化
3
1-1 リアルタイム位置情報の可視化
• スマートフォン等から取得した位置情報を
地理院タイルとFOSS4Gを利用して
リアルタイムに表示する仕組みになります。
• 2016年7月9日から9月25日まで北海道博物館
で開催された、「第2回特別展「ジオパークへ
行こう！－恐竜、アンモナイト、火山、地球の
不思議を探す旅ー」で利用した
「写真でジオパーク！」を利用して説明します。
4
1-2 仕組み
一般利用者
サーバ
閲覧
パソコン
地図データ
写真データ
Exif 投稿
PostgreSQL+PostGIS
MapServer 7
スマートフォン
管理
タブレット
展示会場
管理者
写真の公開の
有無を判断
5
1-3 用語説明
• PostgreSQL
オープンソースのデータベース管理システム
• PostGIS
PostgreSQLに空間拡張する機能
• MapServer
オープンソースのWebGIS
• Exif
写真用の画像ファイルフォーマット
6
1-4 投稿用 – トップ画面
7
1-5 投稿用 – カメラモード
8
1-6 投稿用 – 投稿する
9
1-7 閲覧用 – 広域表示
地理院地図
OpenLayers 3 を利用
10
1-8 閲覧用 – 拡大表示
地理院地図
投稿された撮影位置
WFSを利用して表示
11
1-9 閲覧用 – 写真表示
地理院地図
12
1-10 展示用 – 各地の表示
アポイ岳
北海道
十勝岳
白滝
洞爺湖有珠山
とかち鹿追
各ジオパークを一定間隔で自動表示
三笠
13
1-11 展示用
ジオパークの名称
公開された写真の枚数
投稿された写真
地図面はOpenLayers 3 を利用
14
1-12 展示用
15
1-13 管理用
投稿日時、未審査、公開、非公開、撮影ジオパーク、居住地域
年代、性別、同行形態、コメント、写真を表示
16
各ソフトウェアを利用した表示
17
2-1 QGISに地理院タイル表示
地理院地図
QGISの地理院タイル上に投稿された撮影位置を表示
18
2-2 QGISに地理院タイル表示
地理院地図
拡大表示
19
2-3 SIS8.0に地理院タイル表示
地理院地図
SIS8.0の地理院タイル上に投稿された撮影位置を表示
20
2-4 SIS8.0に地理院タイル表示
地理院地図
拡大表示
21
2-5 ArcGISに地理院タイル表示
地理院地図
ArcGISの地理院タイル上に投稿された撮影位置を表示
22
2-6 ArcGISに地理院タイル表示
地理院地図
拡大表示
23
2-7 Cesium
• オープンソースのWebGLを使った3D地図表示
できるライブラリです。
24
2-8 Cesiumに地理院タイル表示
地理院地図
Cesiumの地理院タイル上に投稿された撮影位置を表示
25
2-9 Cesiumに地理院タイル表示
地理院地図
26
2-10 Cesiumに地理院タイル表示
地理院地図の空中写真・衛星画像 最新（2007年～）
27
2-11 Cesiumに地理院タイル表示
地理院地図の空中写真・衛星画像 最新（2007年～）
28
2-12 まとめ
• スマートフォン等から取得したリアルタイムの
位置情報を様々な方法で可視化できます。
• 地理院タイルは様々なソフトウェアから表示が
できます。
• ベースマップが同じなので、主題の位置の
ずれ等を考慮せずに利用できます。
29
ありがとうございます
TEL：03-5216-4833
[email protected]
30
参考資料
QGIS 地理院タイル表示方法
31
参考資料
3-1 QGIS
• オープンソースのGISです。
QGISに地理院タイルを表示する方法を説明します。
32
参考資料
3-2 TileLayerPlugin
• TileLayerPluginはWebタイル地図を表示するプラグインです。
以下の地図が表示できます。
– 地理院地図
• TileLayerPluginはQGISインストール時にインストールされて
いません。以下の手順からインストールします。
• メインメニュー –[プラグイン]- [プラグインの管理とインストール]を
選択します。
33
参考資料
3-3 TileLayerPlugin
• 「インストールされていない」を選択し、
「検索」へ「 TileLayerPlugin 」を入力します。
• “プラグインをインストール”ボタンを押します。
• インストールが始まるので少し待ちます。
34
参考資料
参考資料
3-4 TileLayerPlugin
• 地理院地図を読み込む為の情報データをダウンロードします。
https://gist.github.com/minorua/7654132
“Download ZIP”ボタンを押して
情報データをダウンロードします
参考資料
35
参考資料
3-5 TileLayerPlugin
• ダウンロードされたファイルはzip形式のアーカイブファイルです。
• 7-Zip等を利用して展開します。
• 以下の2ファイルが展開されます。
– GSIMaps.tsv
– GSIMapsDisaster.tsv
36
参考資料
3-6 TileLayerPlugin
• QGISに戻ります。
メインメニュー – [Web] – [タイルレイヤプラグイン] – [タイルレイヤを追加する] を選択
“設定”ボタンを押します
37
参考資料
3-7 TileLayerPlugin
“…”ボタンを押します
“フォルダーの選択”ボタンを
押します
ダウンロードし展開した地理院地図を読み込む為の情報データの
フォルダを指定
38
参考資料
3-8 TileLayerPlugin
“ＯＫ”ボタンを押します
GSIMaps – 標準地図 を
ダブルクリック
39
参考資料
3-9 QGISに地理院タイル表示
地理院地図
QGISの地理院タイル上に投稿された撮影位置を表示
40
参考資料
SIS 地理院タイル表示方法
41
参考資料
4-1 SIS8.0
• 商用のGISです。
SIS8.0に地理院タイルを表示する方法を説明します。
42
参考資料
4-2 SIS8.0の設定
[ホーム] – [オーバーレイ]を選択します。
43
参考資料
4-3 SIS8.0の設定
[オーバレイ] – [オーバーレイ追加]を選択します。
44
参考資料
4-4 SIS8.0の設定
[OGC] – [OGC WMTS]を選択します。
45
参考資料
4-5 SIS8.0の設定
http://gsi-cyberjapan.github.io/experimental_wmts/gsitiles_wmts.xml?
46
参考資料
4-6 SIS8.0の設定
地理院タイルを選択します。
47
参考資料
4-7 SIS8.0に地理院タイル表示
地理院地図
SIS8.0の地理院タイル上に投稿された撮影位置を表示
48
参考資料
ArcGIS 地理院タイル表示方法
49
参考資料
5-1 ArcGIS
• 商用のGISです。
[ウインドウ] – [カタログ]を選択します。
50
参考資料
5-2 ArcGISの設定
[GIS Server] – [WMTSサーバの追加]を選択します。
51
参考資料
5-3 ArcGISの設定
http://esrijapan.github.io/gsi-wmts/chizu_shashin.xml
52
参考資料
5-4 ArcGISの設定
地理院タイルが表示されます。
53
参考資料
5-5 ArcGISの設定
ArcMap上にドラッグ
地理院タイルを選択します。
54
参考資料
5-6 ArcGISに地理院タイル表示
地理院地図
ArcGISの地理院タイル上に投稿された撮影位置を表示
55