技術精選

樣式設計大升級—在MapViewer中使用複雜的樣式符號
作者是 互動小編   
週三, 03 五月 2023 14:10

自Beta版本以來,「符號樣式設計元件」(Symbol Styler)一直都是「MapViewer」的一部分。原本符號樣式設計僅支援使用ArcGIS Pro Web Style發佈的點符號,也只能對整個符號套用一種顏色,沒有樣式圖層的設計,並且不支援線條和多邊形複合符號。

在2022/07更新後,符號樣式設計元件進行了大幅度的升級,亮點更新如下:

 
  • 符號選擇與樣式設計新體驗
  • 樣式圖層
  • 支援Esri和使用者發佈的web styles
  • 支援從web styles中使用的線段符號
  • 支援從web styles中使用的多邊形符號
  • 手繪工具使用相同的樣式設計元件

符號選擇與樣式設計新體驗

全新的符號樣式設計元件已經根據 Esri 社群使用者的反饋和意見做出了更新。現在啟動符號樣式設計元件時,不再有折疊式選單。當您打開符號樣式設計元件時,符號樣式選項將立即顯示,無需展開任何內容。此外,我們還調整了顏色和符號選擇器,使得符號樣式設計元件佔用的螢幕空間更小,提升了使用者體驗。在 符號樣式設計 的輸入框旁邊現在有標示單位,可以幫助您了解是否更改了符號像素大小、透明度百分比或旋轉角度。

符號樣式設計元件使用的色彩元件,現在會顯示樣式圖層中所使用的主要顏色以及最近使用過的顏色。這讓重新選擇顏色變得更快速且更容易,並可以在輪廓或標記符號中使用相同的顏色。該色彩元件也可用於地圖背景顏色和標籤樣式顏色的選擇,使得在Map Viewer中選擇顏色的動作,具有一致的體驗。

樣式圖層

本次更新新增了符號類別選擇功能,允許在向量符號部分使用樣式圖層。這樣可以瀏覽 Esri 預設符號集合和您的2D web style集合。以下是此版本預設的點、線和多邊形等向量符號的圖示。

使用樣式圖層功能,可以針對符號中的個別樣式進行特定的修改。以下是一些不同幾何類型的範例,可以幫助您理解樣式圖層的使用方式。

  1. 這裡使用的點符號樣式來自新的Pins樣式庫。該圖釘符號有兩個標記圖層,您可以整體調整個符號的大小,也可以修改每個圖層的屬性。在這個範例中,我調整了每個圖層的顏色並保留了大小、透明度和旋轉角度的預設值。
  2. 這裡的線符號也由兩個圖層組成,包含一個用來表示線段上的點標記圖層,以及一個用來顯示線符號的邊框圖層。在範例中,我調整了標記圖層的顏色和大小。另外,我還可以調整線段的寬度。
  3. 在這個範例中,多邊形符號使用了斜線填充符號。多邊形符號沒有可修改成實心符號的填充圖層,而是由一個輪廓及兩個互相垂直的斜線填充樣式圖層組成。您可以個別調整這些樣式圖層的顏色、寬度和透明度。

資料驅動樣式(Data Driven Styles)和樣式圖層

您也可以使用向量符號和搭配資料驅動樣式,建立風格獨特的地圖。使用資料驅動樣式與向量符號,將遵循樣式圖層設定,並將所選的漸層色票套用到未鎖定顏色的樣式圖層上。您仍然可以調整已被鎖定的圖層顏色,並且不會被限制調整這些樣式圖層的符號。

下圖是一個範例,使用線符號顯示洛杉磯的主要道路,套用Counts and Amounts(color)樣式的漸層色票。第一層顏色已被鎖定,第二層則未鎖定。

多邊形填充符號的位置

在符號樣式設計元件中,多邊形向量符號的填充區符號具有稍微「進階」的功能,即填充區符號的位置控制。填充區符號會可設定為固定位置或隨機放置。你總是可以在Map Viewer中調整填充式標記符號的位置設定,以修改標記符號的擺放位置。

固定位置選項將以固定的位置顯示填充式標記符號。固定位置選項可對填充式標記符號調整行列對齊方式或偏移量,你可以透過「步長X」和「步長Y」的設定,調整符號之間的間距。隨機選項會在多邊形填充區隨機放置標記符號,並支援「步長X」和「步長Y」的設定,以調整填充區的標記符號密度。下圖使用填充區標記符號選項,為地形圖層使用複雜的多邊形填充符號,以顯示不同地貌。

Sketch工具與樣式符號設計

在Map Viewer中,Sketch工具也採用新的樣式符號設計元件,支援複雜的符號設計,與前面提到的點、線和多邊形Smart Mapping樣式相同。下圖是一個簡單的示範,在地圖上使用圖釘符號勾勒出感興趣的地點,並調整第二個樣式圖層的顏色。

您也可以利用Sketch工具和新的符號設計,建立一些有趣的地圖。下圖是一個可快速建立的範例,使用Sketch工具繪製一個多邊形,並將多邊行加入一使用混合模式(Blend)效果的圖層群組中。接著調整多邊形樣式,讓其顯示成一座湖泊,並使用pencil styled的波浪符號做為多邊形的填充區標記樣式。波浪符號從固定位置選項切換為隨機選項,調整X和Y步長設定,提高多邊形填充區標記符號的密度。然後我增加了2個點符號樣式,以顯示尼斯湖水怪,因為......這就是水怪可能出現的湖泊。

這篇文章涵蓋了許多樣式符號設計的主題,歡迎ArcGIS Online 社群中提出問題或建議。

如欲了解更多如何發佈Web Styles到ArcGIS Online 的訊息,可參閱ArcGIS Blog中的此篇貼文


本文翻譯自Esri Blog | Symbol Styler: Using Complex Symbols in Map Viewer

原文作者: Bern Szukalski

翻譯校稿:互動國際數位.技術服務處.郭譯聰