# **MBTiles 自發離線圖磚**

# MBTiles格式

- .mbtiles其實是SQLite的資料，可使用SQLite Browser讀取及檢視

- 主要的欄位有四個
- zoom_level (Z)

- tile_column (X)

- tile_row (Y)

- tile_data (二進位內容，即是圖磚)

# 程式讀取MBTiles

- NuGet安裝 Microsoft.Data.Sqlite

- 建立Service讀取圖台XYZ的值
- 以XYZ值查詢指定的圖磚資料

# 圖磚格式(.pbf、.png)
- pbf為Vector Tiles的格式
- 若為png可直接輸出；若為pbf格式則需解壓縮，否則圖台會認為是已解壓縮過的檔案，進而造成讀取失敗，下圖為輸出pbf格式的範例

# 圖台
- 底圖設定-URL輸入service的路徑&XYZ參數

- OpenLayers 讀取Vector Tiles

- Chrome 開發者模式

- 圖台呈現

---

# 下載來源
- MBTiles下載網址: https://data.maptiler.com/downloads/tileset/osm/
- Style下載網址: https://openmaptiles.org/styles/#maptiler-basic