ドローン空撮画像とひなたG I S を活用したマッピング 青山学院大学 古橋 大地先生 by Geospatial Hackers Program https://ghp.connpass.com/

1. 20210123_総務省GeospatialHackersProgram2020
ハンズオン
「データを地図に表現する方法」
ド ロ ーン 空 撮 画 像 と ひ な た G I S を 活 用 し た マ ッ ピ ン グ
古橋 大地
青山学院大学 / CrisisMappers JAPAN
災害ドローン救援隊DRONEBIRD 隊長
© mapoconcierge, CC BY-SA 4.0

2. 古橋 大地 Taichi FURUHASHI
@mapconcierge

4. 地図屋

5. 地図屋
ドローンも飛ばせる

6. ハンズオンスケジュール
13:00-13:20 作業説明
13:20-13:40 ドローン空撮画像表示(君津市,2019年)
13:40-14:00 ひなたGISへの展開方法説明
14:00-14:30 屋根被害マッピング
14:30-14:45 マッピング結果の伝え方
14:45-15:00 質疑応答

7. OpenStreetMap

8. 地図の民主化

9. Crisis Mapping
x
VGI - Volunteered
Geographic Information
(Goodchild, 2007)
(Jessica Heinzelman, 2010)

10. h"p://vimeo.com/9182869

12. b y m a p c o n c i e rg e
Before

13. b y m a p c o n c i e rg e
After

14. b y m a p c o n c i e rg e
Plottinga lot of Evacuation shelters

15. Satellite images
Aerial Photos
(Plane/Drone)
Paper maps
(only open contents)
GPS/QZSS
Sources

16. by @mapconcierge, @Tom_G3X and OSM conctibutors
sinsai.info Project
e
x
.
2011.3.11in Japan

17. 17
h"ps://izuoshima26.crowdmap.com/

19. Photo by Noriyuki Hayashi

20. http://tasks.hotosm.org/project/1778
熊本 益城町クライシスマッピングタスク

21. 発災前

22. 発災後

23. 阿蘇大橋周辺の土砂災害
http://www.openstreetmap.org/edit?editor=id&#map=17/32.88181/130.98498

24. 課題は、発災後の
迅速な航空写真の入手。

26. https://youtu.be/Vu6a3DXZ1IM

28. http://resultmaps.neis-one.org/oooc?zoom=11&lat=35.73308&lon=139.61465&layers=0B0TFFT
Active mappers in Tokyo area

29. http://resultmaps.neis-one.org/oooc?zoom=11&lat=35.73308&lon=139.61465&layers=0B0TFFT
Active mappers in Tokyo area

30. http://resultmaps.neis-one.org/oooc?zoom=11&lat=35.73308&lon=139.61465&layers=0B0TFFT
Active mappers in Tokyo area

31. http://resultmaps.neis-one.org/oooc?zoom=11&lat=35.73308&lon=139.61465&layers=0B0TFFT
Active mappers in Tokyo area

32. http://resultmaps.neis-one.org/oooc?zoom=11&lat=35.73308&lon=139.61465&layers=0B0TFFT
Active mappers in Tokyo area

35. OpenStreetMap
map.openaerialmap.org
osm.org

36. OpenStreetMap
www.geospatial.jp
map.openaerialmap.org
osm.org

37. OpenStreetMap
www.geospatial.jp
github.com/dronebird
map.openaerialmap.org
osm.org

38. OpenStreetMap
www.geospatial.jp
github.com/dronebird
map.openaerialmap.org
osm.org

39. OUR GOAL:
2 hours
（地震発災後）

40. 航空写真の民主化

42. オープンデータとして公開
CC BY 4.0

43. 事前の災害協定締結が
迅速な空撮と
自治体連携につながる。

46. NPO組織として
32自治体と災害協定締結
(2021年1月現在)
https://github.com/crisismappersjapan/agreement4dronebird_CMJxLGOV

47. 全国32自治体と災害協定締結（2021年1月現在）
https://github.com/crisismappersjapan/agreement4dronebird_CMJxLGOV

48. 2019年
台風15号, 19号被災地で
約100平方キロを空撮。

49. © DRONEBIRD/CrisisMappers Japan, CC BY 4.0
https://github.com/dronebird/oam_kanagawa20191014sagamihara00
相模原市緑区, 2020年10月14日

50. © DRONEBIRD/CrisisMappers Japan, CC BY 4.0
https://github.com/dronebird?q=kimitsu
君津市, 2020年10月27日

51. https://github.com/dronebird/oam_tokyo20191020chofukomae01

52. https://hgis.pref.miyazaki.lg.jp/hinata/hinata.html#Vq5i1nZz9zvG
調布市・狛江市, 2020年10月20日

53. ハンズオンのゴール
GISを使ったことがない人に
ワンクリックで
地理空間情報を提示する
術を身につける！

54. 実 話

55. 2019年
某自治体…

56. https://www.ghibli.jp/works/kazetachinu/#frame&gid=1&pid=4
© スタジオジブリ, 常識の範囲 License
「ドローンの画像今すぐ見せてくれる？」
ワンクリックで
見れるやつ
✗ Googleマイマップ
✗ QGIS
✗ 地理院地図
首長

57. ワンクリックの条件
* 表示範囲と縮尺の指定
* 表示するデータセット指定
* ラスタとベクタ両方対応
* ノーコード
* Permalink URL

58. https://www.ghibli.jp/works/kazetachinu/#frame&gid=1&pid=31
© スタジオジブリ, 常識の範囲 License
「地理院地図は外部タイル含めてPermalink発行はできないらしい」
惜しいな…

59. https://www.ghibli.jp/works/kazetachinu/#frame&gid=1&pid=43
© スタジオジブリ, 常識の範囲 License
「よし、ひなたGISでいこう！」

60. https://hgis.pref.miyazaki.lg.jp/hinata/
宮崎県 情報政策課 謹製 ウェブGIS

61. より具体的なゴール
ドローンバードの空撮画像を
OpenAerialMapから
タイルURL入手して
ひなたGISに読み込み
注目点(POIs)を加えて
ワンクリックで開けるように
Permalink URL を発行する。

62. オルソモザイク画像の
アクセス方法

63. https://openaerialmap.org

64. Start Exploring ボタンをクリック
https://openaerialmap.org

65. Start Exploring ボタンをクリック
https://openaerialmap.org

66. https://map.openaerialmap.org/

67. 67
https://map.openaerialmap.org/
日本付近を拡大

68. 68
https://map.openaerialmap.org/#/140.1203155517578,35.30672036715779,10/square/133002131020?_k=hdb9lo
房総半島付近を拡大して Futtsu 東側の色の濃いメッシュをクリック

69. 69
https://map.openaerialmap.org/#/140.1203155517578,35.30672036715779,10/square/133002131020?_k=hdb9lo

70. https://map.openaerialmap.org/#/139.8772430419922,35.28206118124317,10/square/133002130131/5db8308324d9eb0008c4ab39?_k=lse0y4

71. https://map.openaerialmap.org/#/139.8772430419922,35.28206118124317,10/square/133002130131/5db8308324d9eb0008c4ab39?_k=lse0y4
Zoom to fit imagery on screen ボタンをクリックすると
ドローンバードの空撮データが表示されます。

72. 2019年 台風15号の
屋根被害状況を
目視で
確認してください。

73. © DRONEBIRD/CrisisMappers Japan, CC BY 4.0
https://github.com/dronebird?q=kimitsu
君津市, 2020年10月27日

74. ただし
OpenAerialMap上では
あくまで
閲覧するだけ

75. そこで
タイルURLを入手

76. https://map.openaerialmap.org/#/139.8772430419922,35.28206118124317,10/square/133002130131/5db8308324d9eb0008c4ab39?_k=lse0y4
TMS
TMSリンクをクリックして、タイルURLをコピー

77. https://en.wikipedia.org/wiki/Tile_Map_Service
TMS(Tile Map Service)

78. 78
https://maps.gsi.go.jp/development/siyou.html
地理院タイルと互換性あり

79. 79
https://tiles.openaerialmap.org
/5db823ed24d9eb0008c4ab35/0/5db823ed24d9eb0008c4ab36
/{z}/{x}/{y}
OpenAerialMapの
TMSリンククリックで
このタイルURLがコピーされる

80. https://hgis.pref.miyazaki.lg.jp/hinata/

81. https://hgis.pref.miyazaki.lg.jp/hinata/hinata.html#5/37.883976/139.018030&l=%5B%5B%7B%22n%22:%22pale%22,%22o%22:1,%22z%22:146%7D%5D,
%5B%7B%22n%22:%22pale%22,%22o%22:1,%22z%22:145%7D%5D%5D

82. https://hgis.pref.miyazaki.lg.jp/hinata/hinata.html#5/37.883976/139.018030&l=%5B%5B%7B%22n%22:%22pale%22,%22o%22:1,%22z%22:146%7D%5D,
%5B%7B%22n%22:%22pale%22,%22o%22:1,%22z%22:145%7D%5D%5D
ダイアログを
閉じます。

83. [背景] ボタンから背景レイヤーダイアログの + ボタンをクリック

84. [背景] ボタンから背景レイヤーダイアログの + ボタンをクリック

85. [背景] ボタンから背景レイヤーダイアログの + ボタンをクリック

86. 地図タイルのURL欄にOpenAerialMapからコピーした
タイルURLを貼り付ける。
名前は自由に入力(わかりやすく)

87. 地図タイルのURL欄にOpenAerialMapからコピーした
タイルURLを貼り付ける。
名前は自由に入力(わかりやすく)

88. ２つの欄を入力したあとで [追加] ボタンをクリック。

89. 君津市東側を拡大すると空撮画像が表示されます。

90. 屋根被害(ブルーシート)のあった場所を拡大

91. 右クリックして [点] メニューを選択。

92. 右クリックして [点] メニューを選択。

93. ブルーシート中央を左クリックして地点入力。
入力した地点を再度右クリックするとメニューが登場。

94. ブルーシート中央を左クリックして地点入力。
入力した地点を再度右クリックするとメニューが登場。

95. [属性] ボタンを左クリックして項目名表示
項目名: name 右側の値には ブルーシート と入力
TIPS: 項目名を ラベル にするとアノテーションとして表示可能。

96. [属性] ボタンを左クリックして項目名表示
項目名: name 右側の値には ブルーシート と入力
TIPS: 項目名を ラベル にするとアノテーションとして表示可能。

97. [属性] ボタンを左クリックして項目名表示
項目名: name 右側の値には ブルーシート と入力
TIPS: 項目名を ラベル にするとアノテーションとして表示可能。

98. 入力したら [ファイル] ボタンを左クリック

99. 入力したら [ファイル] ボタンを左クリック

100. [サーバー保存] メニューを選ぶとひなたGISサーバに保存

101. 保存ができたら、
あとはひたすらこれを繰り返し。
指定された時間まで
ブルーシートマッピングを行ってください。
注意： 個人情報は取り扱わないこと！

103. 最後に
マッピング結果を
首長さんに
報告

104. [Civic Tech] ボタン → [短縮URL機能] ボタンで
短縮URLを発行

105. [Civic Tech] ボタン → [短縮URL機能] ボタンで
短縮URLを発行

106. 発行した
短縮URLを
Slackチャンネル
#10_ghp2020
に貼り付けて
動作確認！

107. ワンクリックで、
自分の設定した
空撮画像と
ブルーシートマップが
表示されればOK。

108. 時間に余裕のある方は
地理院地図でも
同様のことを
やってみましょう。

109. 109
https://maps.gsi.go.jp/
地理院地図で外部タイルとして読み込み

110. ただし、外部タイル設定は
設定ファイルとして
保存が必要。
ワンクリックで表示は
現状できません。

111. ブルーシートマップ
地点(POIs)データを
保存したい場合は

112. [geojson保存] を選ぶと GeoJSONファイルとして
ダウンロードできます。

113. GeoJSONファイルを
QGISなどで読み込んで
CSV変換など
自由自在。

114. ひなたGISの作業を
最初の状態に
戻したい場合は
ハンバーガー
メニューから
[全てリセット] ボタン

115. 今日得たスキル
ドローンバードの空撮画像を
OpenAerialMapから
タイルURL入手して
ひなたGISに読み込み
注目点(POIs)を加えて
ワンクリックで開けるように
Permalink URL を発行する。

116. https://www.ghibli.jp/works/kazetachinu/#frame&gid=1&pid=45
© スタジオジブリ, 常識の範囲 License
「ありがとう、これで首長自ら、記者会見で操作できるよ！」
防災課

117. ちなみに
防災科研の場合

118. https://www.ghibli.jp/works/kazetachinu/#frame&gid=1&pid=4
© スタジオジブリ, 常識の範囲 License
「ドローンの画像ちょうだい！」
防災科研

119. https://www.ghibli.jp/works/kazetachinu/#frame&gid=1&pid=4
© スタジオジブリ, 常識の範囲 License
「ドローンの画像ちょうだい！」
https://tiles.openaerialmap.org/
5db823ed24d9eb0008c4ab35/0/5db
823ed24d9eb0008c4ab36
/{z}/{x}/{y}
防災科研

120. https://www.ghibli.jp/works/kazetachinu/#frame&gid=1&pid=4
© スタジオジブリ, 常識の範囲 License
「ドローンの画像ちょうだい！」
ありがと！
https://tiles.openaerialmap.org/
5db823ed24d9eb0008c4ab35/0/5db
823ed24d9eb0008c4ab36
/{z}/{x}/{y}
防災科研

121. やりとり数秒

122. http://crs.bosai.go.jp/DynamicCRS/index.html?appid=94f379a08dd842eaa932fc9007e3529a

123. 質疑応答

125. 歩 け 歩 け、 続 ける こ と の 大 切 さ 。
“ Just keep walking, persistence paid off ”
by Tadataka INO

126. 一億総伊能化

127. Happy Mapping!!
Taichi FURUHASHI
@mapconcierge