Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2021-05-20-Vector Tile in QGIS (in Japanese)
Search
UBUKAWA Taro
May 18, 2021
Technology
0
100
2021-05-20-Vector Tile in QGIS (in Japanese)
2021年5月20日 国連オープンGISイニシアチブ ワークショップ説明資料
UBUKAWA Taro
May 18, 2021
Tweet
Share
More Decks by UBUKAWA Taro
See All by UBUKAWA Taro
2023-03-02_UN Vector Tile Implementation
ubukawa
0
81
2023-02-09_VectorTilePractice
ubukawa
0
64
2022-10-01_NASA Space APPs challenge Kushimoto
ubukawa
0
160
2022-08-25_UNVT Presentation at FOSS4G 2022
ubukawa
0
280
2021-12-16-UNVT(UniteMapConference)
ubukawa
0
50
2021-09-30_UNVT presentation at FOSS4G 2021
ubukawa
0
140
2021-08-09-Converting TopoJSON with unvt/nanban
ubukawa
0
56
2021-07-28-unvt-exercise-text-font
ubukawa
0
280
2021-07-15-unvt-exercise-day05
ubukawa
0
37
Other Decks in Technology
See All in Technology
生成AIと産業向けソフトウェアの自動生成 〜 ハノーバーメッセ2024より〜
kioto
2
420
使われないものを作るな!出口から作るデータ分析基盤 / Data Platform Development Starting from the User Needs
amaotone
16
4k
[2024년 5월 세미나] 생성형 AI와 함께하는 데이터 분석가 커리어
datarian
0
1.1k
個人的、Kubernetes の最新注目機能! (2024年5月版) / TechFeed Experts Night#28 〜 コンテナ技術最前線
pfn
PRO
3
210
TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略
yanaemon
6
1.2k
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
1.7k
サービス開発におけるVue3とTypeScriptの親和性について
tsukuha
10
1.7k
Password cracking: past, present, future
openwall
0
200
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
9
37k
試作とデモンストレーション / Prototyping and Demonstrations
ks91
PRO
0
160
ハードウェアを動かすTypeScriptの世界
9wick
3
1.2k
Step by Stepで学ぶ、ADT(代数的データ型)、モナドからEffect-TSまで
leveragestech
1
2.6k
Featured
See All Featured
Become a Pro
speakerdeck
PRO
13
4.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
A designer walks into a library…
pauljervisheath
201
23k
Designing Experiences People Love
moore
136
23k
Gamification - CAS2011
davidbonilla
77
4.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
How to train your dragon (web standard)
notwaldorf
75
5.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
12
1.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
81
44k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Transcript
QGISでの ベクトルタイル表示 (日本語・仮訳) 国連オープンGISワークショップ 2021年5月20日 国連地理空間情報課 専門家 鵜生川
目次 1. 前提条件 2. Browser Panelでのベクトルタイル接続 3. スタイル情報なしでのベクトルタイル読み込み 4. スタイル情報ありでのベクトルタイル読み込み
5. さらに知りたい方へ Today, you will simply learn how you can read the vector tile with/without style in QGIS.
1. 前提条件 練習を開始する前に以下について確認してください: • QGISのバージョンは3.16以降ですか? • それより古いバージョンではこの方法は試せません。 • このスライドで紹介しているものはバージョン 3.16.6
を使っています。 • 読み込みたいベクトルタイルの場所(URL)を確認してください。 • (任意) 読み込みたいスタイル情報 (style.json)の場所を確認してくだ さい。
2. Browser Panelでのベクトルタイル接続 QGISでどうやって読み込む? • QGISを立ち上げる。 • Browser Panelの“Vector Tile”を
右クリックして、“new generic Connection”を選ぶ。 ※日本語版を使っている方は表示 が日本語の可能性があります。
3.スタイル情報なしでのベクトルタイル読み込み (1) • 接続名を Name に記入する。 • タイルの URLを指定する。 以下のURLでも練習できます。
https://ubukawa.github.io/vt-test/ne-test/{z}/{x}/{y}.pbf • タイルの最大最小ズームを指定する。 上のURLを使った場合は最大は5です。. • “OK”をクリックする。 ここではスタイルを参照しないで、ベクトルタ イルを読んでみますので、Style URLは空欄のま までよいです。 (スタイル付きはこの次の練習です。)
• Browser Panelで先ほど 登録したベクトルタイルを 選択。 • すると layers panel に表
示されます。 • スタイル情報なしのベクト ルタイルデータが表示さ れます。 このデータはNaturalEarth (free data)のデータです。練習用であり、地図の境 界は国連やその他の組織の公式見解を示唆するものではありません。 3.スタイル情報なしでのベクトルタイル読み込み (2)
4.スタイル情報ありでのベクトルタイル読み込み (1) 今回は、スタイル情報ありでファイルを開くので、 “Style URL” を記入します。 • 接続名をNameに記入する。 • タイルの
URLを指定する。 以下のURLでも練習できます。 https://ubukawa.github.io/vt-test/ne-test/{z}/{x}/{y}.pbf • タイルの最大最小ズームを指定する。 上のURLを使った場合は最大は5です。. • スタイル情報のURLを指定する。 上のURLのタイルであれば以下のスタイルを参照できます。. https://ubukawa.github.io/vt-test/maps/test-simple.json • “OK”をクリックする。
• Browser Panelで先ほど登録した ベクトルタイルを選択。 • すると layers panel に表示されま す。
• スタイル情報ありのベクトルタイル データが表示されます。 • QGIS は mapbox-gl js ライブラリと 全く同じようには表示しません。 • QGIS 向けのスタイルはシンプルな ものにする必要がある場合がありま す。 (右の例では、ポイントデータがアイ コンを利用しており、また描画情報 がないためスキップされています。) 4.スタイル情報ありでのベクトルタイル読み込み (2) このデータはNaturalEarth (free data)のデータです。練習用であり、地図の境 界は国連やその他の組織の公式見解を示唆するものではありません。
(参考) 前ページの絵をmapbox-gl jsでみると・・・ Differences • Background • Labels of the
point • Width of the line. • Etc… https://ubukawa.github.io/vt-test/maps/test-simple-mapbox.html
5.さらに知りたい方へ もしもスタイルを編集したい場合には、style.json を編集してサーバにアップ ロードすることが必要です。 • どうやってスタイルを編集する? • Texit editor •
Maputnik • HOCON parser (UNVT) • どうやってベクトルタイルを作成する? • Tippecanoe • UNVT/nanban (docker) • どうやってベクトルタイルをホストする? • ウェブサーバによる静的なホスティング • Node js サーバをつかって、mbtilesファイルから pbf ファイルを配信する。. 詳細については、 UNVT Workshopの 資料をご覧下さい! https://unvt.github.io/512/
参考資料 • QGIS Users’ Guide https://docs.qgis.org/3.16/en/docs/user_manual/working_with_vect or_tiles/vector_tiles_properties.html • NaturalEarth https://www.naturalearthdata.com/
• UNVT Github https://github.com/unvt https://github.com/un-vector-tile-toolkit