「X をしたいから地図を作って」という依頼ごとに作った例です。ブラウザ用の例は操作できます。表示した性能値はリポジトリのハーネスで測ったものです。 比較計測の条件 ・ GitHub
1 件
ブラウザの OPFS（Origin Private File System）に PMTiles アーカイブを配置し、 Dedicated Worker から FileSystemSyncAccessHandle で同期 Range 読み出しを行って 完全オフラインでパン・ズームできる世界地図を描画したい。
Canvas 2D + OPFS + Dedicated Worker / TypeScript (型ストリップ配信)
コード 5.5 KB gzip ・ データ 52 KB gzip ・ 初回描画 19 ms
ソース ・ spec.yaml ・ 設計と計測 ・ 元例 ↗
操作する ↗