教學課程 - 醒目顯示路網

本教學課程將逐步說明如何建立並使用地圖樣式來醒目顯示路網:

  1. 建立並發布地圖樣式,以供使用。

  2. 建立並連結地圖 ID,以便在應用程式和網站中使用樣式。

  3. 在應用程式和網站中加入地圖 ID,以便應用程式使用地圖樣式。

步驟 1:建立並發布地圖樣式

啟用預先發布版樣式。

  1. 前往 Google 地圖平台,然後選取「Map Styles」(地圖樣式),並視需要選取或建立專案。

  2. 選取「Create style」(建立樣式)

  3. 選取頂端的「Opt In」(加入),即可改用預先發布版的新雲端樣式。

    「Opt in」(加入) 按鈕

設定路網的樣式

  1. 選取頁面底部的「Open in Style Editor」(在樣式編輯器中開啟)

  2. 在「Feature type」(地圖項目類型) 下方,依序選取「Infrastructure」(基礎設施) 和「Road network」(路網)

  3. 在右方彈出的面板中,找出「Polyline」(折線) 下方的「Fill color」(填滿顏色),然後選取顏色方塊。

  4. 選擇亮色。如果變更顏色,系統就會自動勾選「Fill color」(填滿顏色) 方塊。

  5. 在「Stroke weight」(邊框粗細) 下方拖曳滑桿,將邊框粗細設為 5。

  6. 在地圖上進行縮放,查看變更後的效果。所選地圖項目的階層較高,因此該階層底下的所有道路類型都會沿用您所做的變更。

    預先發布版地圖樣式顯示路網填滿顏色變更內容

儲存並發布地圖樣式

  1. 選取右上方的「Save」(儲存)

  2. 在「Save and publish map style」(儲存並發布地圖樣式) 中,輸入地圖樣式名稱並視需要填入說明。

  3. 選取「Save」(儲存),這樣就能儲存並發布地圖樣式。

    儲存和發布頁面

步驟 2:建立並連結地圖 ID

您可以透過地圖 ID,在應用程式和網站中使用地圖樣式。對樣式所做的變更會在發布時生效,因此不必更新軟體或應用程式。

建立地圖 ID

  1. 回到 Google 地圖平台,這次請選取「Map Management」(地圖管理)

  2. 選取頂端的「Create Map ID」(建立地圖 ID)

    「Create Map ID」(建立地圖 ID) 按鈕

  3. 加入地圖 ID 名稱並視需要填入說明。

  4. 根據您要使用地圖樣式的位置,選取地圖 ID 的地圖類型。

    在地圖 ID 頁面上選取地圖類型

  5. 選取頁面底部的「Save」(儲存),這樣就能建立地圖 ID。

將地圖 ID 連結至地圖樣式

  1. 在「Associated map style」(相關聯的地圖樣式) 下方,選取您在上方建立的地圖樣式。

    將地圖樣式與地圖 ID 建立關聯

  2. 選取「Save」(儲存),這樣地圖 ID 就能與地圖樣式建立關聯。

步驟 3:在應用程式或網站中加入地圖 ID

地圖 ID 與發布的地圖樣式建立關聯後,就可以加到應用程式或網站來進行測試,看看能否正常運作。

如要進一步瞭解如何加入地圖 ID,請參閱「在地圖中加入地圖 ID」一文。

後續步驟

以下是您後續可採取的動作:

  • 更新樣式。修改地圖樣式然後發布,查看所做的變更是否自動反映在應用程式和網站。如想在上線前測試所做變更,請參閱「測試地圖樣式更新」一文。

  • 運用地圖項目階層,更有效套用樣式。舉例來說,您可以在「Natural」(自然) >「Land」(土地) 這個高階層地圖項目設定樣式,讓其下所有土地地圖項目都套用這個樣式;然後只對想要變更的子地圖項目套用自訂樣式。