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