設定縮放等級的樣式

適用範圍:這項功能適用於 Android、iOS、JavaScript 和 Maps Static。

在使用者以特定縮放等級查看地圖時,醒目顯示地圖項目,提供更符合個人需求的地圖體驗。舉例來說,您可以在檢視者將地圖縮放到要查看的地點後,醒目顯示搜尋點或道路。

您可以將地圖上所有縮放等級的地圖項目元素都設為相同樣式,或者對於有些元素,您也可依不同縮放等級設定不同的樣式。

部分地圖項目不支援自訂縮放等級。如果地圖項目元素右側有鑽石圖示,代表可設定縮放等級樣式。

鑽石圖示代表可設定縮放等級樣式

瞭解縮放等級樣式設定

縮放等級從 0 到 22:0 是縮到最小 (顯示全世界),22 是放到最大 (顯示地圖的一小區細節)。「Keyzoom」是建立新樣式時的起始縮放等級。

設定不同縮放等級的地圖項目樣式時,套用範圍是從目前以上的縮放等級 (放大),直到下一個已設有樣式的等級。縮放等級 0 一律套用目前樣式。

舉例來說,如果您在縮放等級 5 和 10 設定了樣式:

  • 縮放等級 5 樣式會套用到縮放等級 5 到 9。
  • 縮放等級 10 樣式會套用到縮放等級 10 到 22。
  • 縮放等級 0 到 4 則維持目前樣式。

如果您自訂地圖項目的縮放等級樣式,則該樣式會覆寫整個地圖項目的所有自訂樣式。

瞭解 3D 地圖的縮放等級轉換

傾斜 3D 地圖並在縮放等級之間轉換時,您可能會看到設定縮放等級樣式以外的轉換顏色。

舉例來說,如果您將縮放等級樣式設為如下:

  • 縮放等級 10:水域填滿顏色 = 黑色。
  • 縮放等級 11:水域填滿顏色 = 白色。

在兩個縮放比例之間轉換時,水域填滿顏色可能會顯示為灰色,如下圖所示:

縮放等級 10 的水域填滿顏色為黑色,轉換至縮放等級 11 時為灰色,縮放等級 11 時則為白色

自訂不同的縮放等級

  1. 在 Cloud 控制台中,前往「地圖樣式」,然後視需要選取專案。

  2. 建立或開啟地圖樣式,然後選取「Customize」(自訂)。詳情請參閱「建立地圖樣式」。

  3. 在「Map Features」(地圖項目) 窗格中,選取要自訂的地圖項目,面板隨即開啟並顯示可自訂的元素。

  4. 找到要新增縮放等級樣式的元素,然後選取右側的縮放鑽石圖示,開啟縮放等級樣式設定面板。

    鑽石圖示代表可設定縮放等級樣式

  5. 在「Current Zoom」(目前縮放比例) 旁,選取您要自訂的縮放比例。預覽地圖會根據該縮放等級進行調整。

    這個選單會顯示所有 Keyzoom 樣式,以及目前縮放等級的選取器

  6. 選取「Add Keyzoom」(新增 Keyzoom)。「縮放等級樣式設定」窗格會在選取的縮放等級新增 Keyzoom,並顯示對應的預設基本地圖值。

    「縮放等級樣式設定」窗格會顯示目前縮放等級 12 的新縮放等級樣式,以及預設的基本地圖值。

  7. 請設定這個縮放等級的樣式,如有需要,也可設定縮放等級 0 和列出的其他預設縮放等級。

    設定新的縮放等級樣式

  8. 如要設定其他縮放等級,請變更「Current Zoom」(目前縮放比例) 並再次選取「Add Keyzoom」(新增 Keyzoom),在清單中加入其他縮放等級。您可以一直新增及設定縮放等級樣式,直到完成為止。

  9. 完成後,請關閉縮放等級樣式設定窗格。

覆寫元素的預設底圖顏色值

如要覆寫地圖項目元素在各縮放等級的所有預設基本地圖顏色值,請先在元素窗格中設定元素樣式。在該元素中新增 keyzoom 時,keyzoom 會使用您設定的元素顏色值,而非預設底圖顏色值。

水元素的填滿顏色設為深紅色。在「縮放等級樣式設定」窗格中,新增的 Keyzoom 也會設為深紅色。

儲存及發布縮放等級樣式設定

  1. 如要儲存地圖樣式設定變更,請選取「Save」(儲存)

  2. 如要將變更直接套用至與地圖樣式相關聯的地圖 ID,請選取「Publish」(發布)

移除縮放等級樣式

  1. 在「Map Features」(地圖項目) 窗格中,選取要自訂的地圖項目。

  2. 找到要移除縮放等級樣式設定的元素,然後選取右側的小型縮放鑽石圖示。設有縮放等級樣式的元素,會顯示填滿藍色的鑽石圖示。

    如果縮放比例圖示填滿顏色,代表已設定縮放等級樣式設定

  3. 找到要移除的縮放等級並選取旁邊的減號圖示,即可刪除該縮放等級。

    如要刪除縮放等級樣式,請選取減號圖示

  4. 選取 X 可關閉縮放等級樣式設定窗格。

移除所有縮放等級樣式

如要從地圖項目元素中移除所有自訂樣式設定,請採取下列任一做法:

  • 元素面板中,選取元素名稱旁的 減號圖示。
  • 關鍵影格縮放面板中,選取元素名稱旁的 重設圖示。

預覽道路等級細節

在現有樣式中,您可以在縮放等級 17 以上預覽更精細的道路細節,例如真實路寬、人行道、車道標線和其他功能 (僅限特定城市)。您必須為每個樣式編輯器工作階段啟用預覽功能。只有支援道路層級詳細資料的 SDK 或 API,才會顯示這些道路詳細地圖功能。如要在應用程式中套用這些樣式,您必須將相關聯的 SDK 或 API 更新至支援道路層級詳細資料的版本。如要進一步瞭解 API 和 SDK 版本,請參閱 Google 地圖平台詳細路線圖

如要啟用道路詳細資料 (預先發布版),請按照下列步驟操作:

  1. 在 Google Cloud 控制台中,前往「地圖樣式」

  2. 選取現有樣式或「建立樣式」

  3. 點按「自訂」

  4. 在樣式編輯器中,按一下「道路詳細資料預覽」

  5. 在預覽對話方塊中,將「道路詳細資料」切換為開啟。

如要瞭解可設定樣式的道路詳細資料層級,請參閱「可設定樣式的地圖項目」一文。

新增縮放等級樣式,讓縮放等級 17 以上的樣式轉換更柔和

如果啟用道路層級詳細資料,當縮放等級為 17 以上時,道路地圖項目會消失,並改為顯示地表地圖項目。放大地圖時,系統會顯示套用至「地表」地圖項目的所有樣式元素,並取代「道路」地圖項目和樣式。

在以下範例中,道路地圖項目在縮放等級 16 的樣式如下:

  • 動脈為紅色。
  • 高速公路為藍色。
  • 本機為黃色。

縮放等級為 16 的西雅圖地圖,道路樣式為紅色、藍色和黃色。

如果將縮放等級調高至 17,道路地圖項目會變更為「表面」地圖項目,並以米色顯示。

同一張西雅圖地圖,縮放等級為 17,所有道路現在都變成米色,因為已切換至「表面」地圖功能。

如要讓地圖項目樣式之間的轉換更順暢,可以新增縮放層級樣式。使用縮放等級樣式,您可以在特定縮放等級之間鎖定樣式顏色,也可以控制何時要平滑轉換至新樣式顏色。

如下圖所示,如果您在縮放等級 12 新增藍色縮放等級樣式,並在縮放等級 17 新增米色縮放等級樣式,會發生下列情況:

  • 高速公路在縮放等級 0 到 12 會顯示藍色。
  • 縮放等級 12 之後,藍色會開始淡化為米色,直到縮放等級 17 時,完全轉換為「地表地圖」功能樣式的米色。

同一張西雅圖地圖,但已在縮放等級 12 和 17 新增樣式,因此藍色高速公路的顏色會淡化為米色表面。