設定縮放等級的樣式

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

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

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

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

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

瞭解縮放等級樣式設定

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

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

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

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

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

自訂不同的縮放等級

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

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

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

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

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

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

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

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

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

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

    設定新的縮放等級樣式

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

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

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

如果您想在所有縮放等級中,為地圖項目元素覆寫所有預設基本地圖顏色值,請先在元素窗格中設定元素樣式。當您在該元素中加入關鍵縮放功能時,關鍵縮放功能會使用您設定的元素顏色值,而非預設底圖顏色值。

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

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

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

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

移除縮放等級樣式

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

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

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

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

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

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

移除所有縮放等級樣式

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

  • 在「元素」面板中,選取元素名稱旁的 減號圖示。
  • keyzoom 面板中,選取元素名稱旁的 重設圖示。

預覽道路層級詳細資料

自 2025 年 2 月 27 日起,您可以在選定城市的現有樣式中,以 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 新增縮放等級樣式,讓藍色高速公路的顏色淡出,變成米色表面。