UNVTワークショップ 日本語版

2021-05-12T22:30/24:00+09:00　公開録画

1. 国連ベクトルタイルツールキット: 導入​
​2. 国連でのベクトルタイル実装から得られた経験​
3. 国連ベクトルタイルツールキット: アプリケーション​

Transcript

1. 1 UNVT イントロダクション Hidenori 2021-05-12 UNVTワークショップ 日本語版 1
2. 2021-05-05 UNVTワークショップ 2
3. 国連でのコンテキスト 3 オペレーション支援 経済社会 オープンGISイニシアティブ 地球規模の地理空間情報管理 地名標準化
4. 参加者の所属 カメルーン・ナイジェリア混成委員会、国連アフリカ経済委員会、国連ラテ ンアメリカ・カリブ経済委員会、国連西サハラ住民投票ミッション、国連マリ 多面的統合安定化ミッション、国連コンゴ民主共和国安定化ミッション、情 報通信技術局、国連アフガニスタン支援ミッション、国連イラク支援ミッショ ン、国連開発計画、国連キプロス平和維持隊、国連グローバルサービス センター、国連難民高等弁務官事務所、国連レバノン暫定隊、国連アビエ 暫定治安部隊、ダーイッシュ/ISILによる犯罪の説明責任推進調査団、国 連コソボ暫定行政ミッション、国連南スーダン共和国ミッション、国連西ア フリカ・サヘル事務所、エンテベ国連地域サービスセンター、国連ソマリア 支援事務所、国連コロンビア検証ミッション、その他 4
5. Hidenori •国土地理院に勤務 •国土地理院には地図の刊行権限がある。 •国土地理院は地理院地図というウェブ地図を運営している。 5
6. このセッションの話題 ベクトルタイル 1. なぜ 2. どのようにして 6
7. ウェブ地図は日常生活を変えた。 7
8. プラットフォーマーのウェブ地図は素晴らしい。 しかし、必ずしも あらゆる目的に適合しているわけではない。 • コンテンツ • 機能 • … 8
9. 公的機関では違った地図が必要なこともある。 公的機関では最新の技術を使う価値がある。 それを可能にする。 9
10. デモ https://optgeo.github.io/b3ps9 10
11. デモ • 速い 3次元レンダリング • 自分たちの オープンデータ • シンプル にも1つのHTMLファイル デジタル・プラットフォーマーも使う　　最新ウェ ブ地図技術であるベクトルタイルを使ったの で、これらが可能となった。 11
12. わずか46行のコード 12
13. ベクトルタイル（VT） 1. デジタル・プラットフォーマーも使う最新 のウェブ地図技術 2. ベクトル: 機械判読可能なデータ 3. タイル: 正方形に分割された YouTube は映像の時間ストリーミング VT は地図の空間ストリーミング 13
14. 14 ウェブ地図はタイルでできている
15. タイルの見た目は同じ 15
16. だけどVTは機械判読可能 16
17. VTは劇的に小さい 17
18. VTはスマートなので三次元にできる 18
19. VTの歴史 2021 UNVTのGSCでの配 備が進捗中 2014 オープンソースVTを Mapboxが始める 2010 Google が Android で VT を始める 2018 国連オープンGISが UNVTを始める 19
20. 国連ベクトルタイル ツールキット（UNVT） イントロダクション すべての人に VT の生産・スタイル・ホスト・最適化の機会を提供する 20
21. 目的 1. すべての人に VT の生産・スタイル・ ホスト ・最適化の機会を提供する 2. VTについてのアイディアや技術の共有を促 進する 21 生産 スタイル ホスト アプリケーション 最適化
22. 背景 国土地理院は2017年以降、 国連地理空間情報課や 国連グローバルサービスセンターに ウェブ地図の知見を共有することを通じ、 国連オープンGISイニシアティブに 貢献してきた。 22
23. 概要 1. 生産 2. スタイル 3. ホスト 4. 最適化 23
24. 1 生産 ソースデータにベクトルタイル設計情報を注入しながら GeoJSON　　テキスト シーケンス（GeoJSONS）に変換する。 そのシーケンスを Tippecanoe に流し込むことで、ベクトルタイルの MBTiles ファイルを作成する。 ソースデータが小さい場合には、tile-join を使って MBTiles ファイルをファイ ルシステムに展開する。 ソースデータが大きい場合には、ソースデータを数GBに分割して、　モジュー ルごとに生産を行う。 24
25. Tippecanoe オープンソース（2項BSDライセンス）の VT 生産ソフトウェア. 25
26. （Tippecanoe 用の）GeoJSONS の例 … {"type":"Feature","properties":{"orgGILvl":25000,"type":"市区町村 界"},"geometry":{"type":"LineString","coordinates":[[135.2475033,34.87827 78],[135.247415,34.8782711],[135.2472097,34.8782114]]},"tippecanoe":{"l ayer":"AdmBdry","minzoom":6,"maxzoom":16}} {"type":"Feature","properties":{"orgGILvl":25000,"type":"市区町村 界"},"geometry":{"type":"LineString","coordinates":[[135.2482719,34.87788 44],[135.2481417,34.8778361],[135.2479753,34.8780269],[135.2478275,3 4.8781758],[135.2477189,34.8782294],[135.2475742,34.8782831],[135.24 75033,34.8782778]]},"tippecanoe":{"layer":"AdmBdry","minzoom":6,"maxzo om":16}} ... 26
27. タイル設計者の成果 VT 設計情報。 設計情報は、次のことを行う JavaScript 又は Ruby スクリプト。 • 標準入力から GeoJSONS を受け取る • Tippecanoe 用拡張属性を付加しながら地物をフィルタする • その結果を GeoJSONS で標準出力に流す 27
28. VT 設計情報の例 https://github.com/unvt/fgd/blob/ main/filter.js 28
29. 2 スタイル スタイル仕様に準拠し、VT設計情報と調和した、style.json を生成する。 style.json は大規模で複雑になる場合がほとんどなので、スタイル情報をレイ ヤ毎に整理するため、人間最適化設定オブジェクト記法（HOCON）を用いること が多い。 29
30. スタイル設計者の成果 VTスタイル情報。 多くの場合、HOCON ファ イル (*.conf) のセット 例 https://github.com/unv t/fgd/tree/main/hocon 30
31. 3 ホスト 成果をウェブにホストする。 ソースデータが小さい場合は、まず budo を使ってローカルにホストし、そのあと GitHub Pages を使って公開する。 31
32. 4 最適化 vt-optimizer を使って、ズームごとの VT のサイズ分布を分析する。VT 設 計情報を継続的に改善する。 32
33. システム・コンテキスト・ダイアグラム 33
34. https://unvt.github.io/design-2021-05/ 34
35. 質問はありますか？ 35
36. 2 UNVT アプリケーション Hidenori 36 2021-05-12 UNVTワークショップ日 本語版
37. UNVT アプリケーション 1. equinox: Raspberry Pi OS 用 UNVT ンストーラ 2. plow: サーバサイド画像タイル描画のコンセプト実証 3. 東アフリカでの「GIS for Water」 4. 地理院地図 Vector 5. 地図語り 6. その他の「里親ジオデータ」プロジェクト 37
38. equinox: Raspberry Pi OS 用インストーラ UNVT は Unix と Web の設計原則にあまりに忠実なので、UNVT の能 力構築を Windows で実施することは困難。 UNVT の能力構築には Raspberry Pi を使用。Raspberry Pi OS 用に equinox という名前の UNVT インストーラがある。 Raspberry Pi (4B): シングルボード PC. セットあたり 100 米ドル 38
39. plow: サーバサイド画像タイル描画 PoC VT は更新頻度とスタイル柔軟性が高い ので、VTに対応していないGISにもメリッ トがある。サーバサイド・オンデマンド画 像タイルレンダリングはVT 未対応のGIS をサポートする手段。 plow は PlayWright を使ったサーバサイ ド・オンデマンド・画像タイル描画のコンセ プト実証（PoC） 国土地理院もサーバサイド・オンデマンド ・画像タイル描画について作業中 39 ブラウザで描画 サーバサイド描画
40. 東アフリカでの GIS for Water • ケニアとルワンダでの水供 給管理のための VT アプリ ケーション。 • 基本図に UNVT を使用。 • ドキュメントは GIS for Water • 現在存在するサイト： ◦ WASAC, ルワンダ ◦ Narok Water, ケニア ◦ Nanyuki Water, ケニア ◦ Nakuru Water, ケニア
41. GIS for Water 水事業体のような小さな組織がデータを共有できるようにする。 41
42. WASAC（水・衛生公社）、ルワンダ 42
43. Narok Water, ケニア 43
44. Nanyuki Water, ケニア 44
45. Nakuru Water, ケニア 45
46. 地理院地図 Vector: VTによる日本の基本図 VT は UNVT で生産。 多様なスタイルを提供。 スタイルエディタを含む。 https://maps.gsi.go.jp/vector/ 46 2021-02 初のメジャー アップデート 2020-03 全域リリース 2019-07 リリース１
47. 地図語り シビック・テック・エキスパートの @taisukef や @halsk との コラボレーション。地図で簡単に語ることができることに最適化。例： - title: UNRSCE description: 国連地域サービスセンター・エンテベ hash: 17.71/0.048686/32.455944/0/74 hash: {zoom}/{lat}/{lng}/{bearing}/{pitch} 47
48. 地図語り: hash hash: {zoom}/{lat}/{lng}/{bearing}/{pitch} Mapbox GL JS/Leaflet/MapLibre GL で構築されたウェブサイトは URL に hash を使う。例えば、 https://maps.gsi.go.jp/#15/36.069134/140.113586/ https://optgeo.github.io/b3p/#13.79/35.35156/138.73489/0/60 48
49. 地図語り accessToken: pk.eyJ1IjoiaGZ1...UTAifQ.rTx380smyvPc1gUfZv1cmw title: The world of United Nations Missions style: mapbox://styles/hfu/cko4dv10v14vl17qyl9ah457o chapters: - title: UNRSCE description: the United Nations Regional Service Centre Entebbe hash: 17.71/0.048686/32.455944/0/74 footer: >- <p>This project is a part of <a href='https://github.com/optgeo'>Adopt Geodata project</a>.</p> 49 This format is called YAML (YAML Ain't Markup Language).
50. <!DOCTYPE html> <html><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width"/> <title></title> <script type="module" src="https://optgeo.github.io/s/module.js"></script> </head> <body> <script type="text/yaml"> accessToken: pk.eyJ1IjoiaGZ1...UTAifQ.rTx380smyvPc1gUfZv1cmw title: The world of United Nations Missions style: mapbox://styles/hfu/cko4dv10v14vl17qyl9ah457o chapters: - title: UNRSCE description: the United Nations Regional Service Centre Entebbe hash: 17.71/0.048686/32.455944/0/74 footer: >- This project is a part of Adopt Geodata project. </script> </body> </html> 50
51. デモ https://optgeo.github.io/b3ps8/ 51
52. 地図語り: やってみよう 1. https://raw.githubusercontent.com/optgeo/b3ps8/main/index.html をダウンロード 2. 語り部分（title, hash, description, …）をノートパッドで編集 3. ファイルをダブルクリックすることで、地図語りが開く！ 52
53. その他の「里親ジオデータ」プロジェクト 里親ジオデータ（optgeo）プロジェクト 里親ジオデータ（optgeo）はUNVTの併走プロジェクト 未だ VT になっていないオープンジオデータから VT をつくることで、VT の価値を証明し、UNVT を継続的に改善することが目的。 地図語りは里親ジオデータプロジェクトの一部 53
54. shizen: DEMと自然地名を三次元で 54
55. nanadaru-5: DSM からボクセル 55
56. fgd-tokio: 基盤地図情報 VT（東京） 56
57. fgd-adm: 基盤地図情報の行政界 57
58. csv2: CS立体図の３次元可視化 58
59. sh2: OpenStreetMap データでアルバニア 59
60. ag: 農地 60
61. technopolis: 東京駅インドアマップ 61
62. kokoromi-*: OSM VT 62 kokoromi-cd - DR Congo, Goma
63. ff: 森林と農地 63
64. 議論の続きは　※国連関係者向け 64
65. 開発者向けの議論は 65
66. 努力を結集しましょう 質問は？ MS Teams で https://github.com/unvt で https://github.com/optgeo で、または今 66