3D 地圖・ Studio

Studio

線上的樣式編輯器。底圖的每一層都可攤開個別調整，調好輸出一份樣式檔，把網址填進 Maps 的 style 參數即可套用。

道路線條顏色#D6DCE0

道路線條顏色#E8C15A

編輯器

左欄是整份底圖攤開的圖層清單，中欄是選中圖層的全部屬性，右欄是即時預覽。改一個值，右邊同一秒重畫，不必存檔、不必重新整理，也不必先部署到某個環境才看得到結果。

圖層

屬性

預覽

此為示意圖，非實際介面。

Layer-level

底圖不是一張圖，是幾十層疊出來的。道路分級、水域、行政區界、興趣點與註記各自成層，可單獨選取、調整與隱藏。

Live

左邊改屬性，右邊同一秒重畫。不必存檔、不必重新整理，也不必先部署到某個環境才看得到結果。

Portable

調好之後輸出樣式檔，它有自己的網址。前端把網址填進 style 參數即可，換樣式不必重新部署程式。

每一層的可調項目依它的型別而定。以下是同一個視角、同一份圖資，只換掉一個參數值的結果。

fill-extrusion 的立體填充顏色決定整張圖的基調。改一個值即可改變整片街廓的顏色。

同一組 center / zoom / pitch、同一份圖資，只換 style 指到的檔案。日夜兩套是最常見的用法。

任一參數都能設定斷點（縮放 → 輸出值），中間由 interpolate 內插。比如拉遠只留主要幹道、拉近才顯示巷弄，可用此方式設定。

設定兩個斷點（縮放 → 輸出值），中間的值自動內插。示意圖，非實際介面。

其他型別各有自己的參數：fill 有填充顏色與外框、symbol 有文字顏色與光暈、line 有線條顏色。屬性也能改寫成表達式，依圖徵的欄位值決定樣式，例如同一層道路依等級分色。

產出的是標準的樣式 JSON，有自己的網址。同一份圖資可以掛多套樣式，日夜模式、品牌配色與列印版各一份，執行期還能用 StyleModeControl 即時切換。