使用樣式編輯器

本頁面將說明如何使用 Google Cloud Console 中的樣式編輯器來自訂地圖元素和地圖項目的樣式。您可以在樣式編輯器中自訂地圖項目的樣式,例如地圖元素的填滿顏色和外框顏色。您可以控管顯示設定和密度搜尋點,以及依縮放等級套用樣式

系統一律會先加進您的地圖樣式自訂項目,再處理 Google 對地圖樣式所做的更新,例如產業最佳化地圖或 Google 基本地圖的預設樣式更新。

示例

如要執行 ApiDemos 範例應用程式,請參閱 GitHub 範例 (Java | Kotlin),以及查看 CloudBasedMapStylingActivity 操作示範 (Java | Kotlin)。

自訂地圖項目的樣式

您可以自訂地圖項目的樣式,例如道路填滿顏色和外框顏色:

  1. 前往 Cloud Console 中的「地圖樣式頁面,開啟樣式編輯器,您可以建立地圖樣式更新現有的地圖樣式
  2. 選取地圖項目即可開啟「元素類型」子選單。父項地圖項目的樣式變更也會套用到子項。舉例來說,對「道路」地圖項目所做的自訂也會套用至其子地圖項目: 「高速公路」、「管制通道」、「幹道」、「地區道路」、「行車道路」和「步道/小徑」。
  3. 如要自訂地圖項目,請選取父項「幾何圖形」元素。系統會隨即開啟「樣式函數」子選單
    • 如果變更顏色,就會自動勾選「顏色」核取方塊,並將顏色自訂項目套用到「幾何圖形」元素及其子項元素
    • 選取下列其中一個選項即可切換元素的顯示設定:
      • 沿用 (預設):元素會沿用父項自訂項目。
      • 開啟:覆寫任何沿用的設定,確保元素會一直顯示在地圖上。
      • 關閉:覆寫任何沿用設定,確保元素會永遠隱藏。
  4. 按一下「儲存」來儲存變更。按一下「發布」後,您所做的變更才會套用至任何地圖。

依縮放等級自訂

使用 Google Cloud Console 中的樣式編輯器建立地圖樣式時,您可以在不同的縮放等級上自訂現有元素的樣式。舉例來說,您可針對縮放等級為 0 至 10 的水域,將顏色自訂為粉紅色 (0) 至紫色 (10),並根據畫面在特定縮放等級的顯示詳細程度,連結其他自訂設定。

如要自訂不同縮放等級的樣式,請按以下步驟操作:

  1. 前往 Cloud Console 中的「地圖樣式頁面,開啟樣式編輯器,您可以建立地圖樣式更新現有的地圖樣式
  2. 選取地圖項目即可開啟「元素類型」子選單,然後選取要自訂的元素。
  3. 勾選「Customize across zooms」(自訂各種縮放等級的設定) 核取方塊,樣式編輯器即會顯示目前縮放等級的自訂設定。

    勾選「Customize across zooms」(自訂各種縮放等級的設定) 核取方塊之後,畫面上應會顯示:

    • 「Add stop: z」(新增停靠點:z) 核取方塊 - 指出目前的縮放等級,並將自訂設定連結至指定的縮放等級。
    • 縮放滑桿 - 可用來修改並選取縮放等級。您可使用地圖布林值縮放控制項或鍵盤上的方向鍵來調整縮放等級。
  4. 在「樣式函數」子選單中進行自訂時,樣式編輯器會自動選取「Add stop: z」(新增停靠點:z) 核取方塊,並在滑桿上方顯示一個藍點,同時覆寫所有沿用的樣式。

    滑桿上方的藍點代表您在選定的縮放等級上進行了變更。如果不想儲存特定縮放等級的變更,請取消勾選「Add stop: z」(新增停靠點:z) 核取方塊,藍點將會變為灰點,代表系統不會儲存該縮放等級上的變更。取消勾選該核取方塊之後,元素將恢復成原本沿用的樣式。

    在特定縮放等級上自訂的所有設定都會套用至該等級及其他更高等級。舉例來說,在縮放等級 10 自訂的設定將會套用至 10、11、12 及其他更高的縮放等級。自訂設定會覆寫所有沿用的樣式。

  5. 如要儲存您的變更,請按一下「儲存」。如要公開您在與地圖樣式相關聯的地圖 ID 所做變更,請按一下「發布」