feat: 配信されているpbfを表示するデモページを作成

[oageo]

@eniehack さんが作成してくださったもの

[oageo]

CF Pagesがエラーを返すの何なんだ…

[eniehack]

console.errorで以下のように出る:

Object { message: "Unable to parse the tile at https://ivm.tsukuba.dev/tiles/12/3642/1607.pbf, please make sure the data is not gzipped and that you have configured the relevant header in the server", stack: "" }

調べた感じgzip圧縮されたままっぽいので、逆にcf上で圧縮をオンにしてheaderを付与するのがよさそう？

Status Codeが200 OKとなっているにも関わらず、地図が表示されません。
以下のメッセージがでています。
"Unable to parse the tile at https://k96mz.xyz/gzipVT/0/0/0.pbf, please make sure the data is not gzipped and that you have configured the relevant header in the server"
ベクトルタイル (.pbf) が gzip 圧縮されているのに、HTTP レスポンスに Content-Encoding: gzip ヘッダーが設定されていないことが原因のエラーです。

https://qiita.com/k96mz/items/5c01408da7db5eccd897#gzip%E5%9C%A7%E7%B8%AE%E3%81%82%E3%82%8A:~:text=Status,%E3%81%99

[cloudflare-workers-and-pages]

Deploying itf-vectormapdata with    Cloudflare Pages

Latest commit:	d697cf8
Status:	✅  Deploy successful!
Preview URL:	https://bb319696.itf-vectormapdata.pages.dev
Branch Preview URL:	https://feat-pbf-demo.itf-vectormapdata.pages.dev

View logs

[eniehack]

buildはできてそうだけど、not found返されるなあ