在Mapbox中，填充層（Fill Layer）用於填充多邊形區域，這是非常常見的視覺效果，適合表示城市邊界、湖泊、森林等地理特徵。填充層可以定義顏色、透明度，並根據數據動態設置不同樣式。

fill layer

fill的屬性：

fill-antialias：啟用或禁用抗鋸齒效果，讓邊緣顯示更平滑。
fill-color：設置多邊形區域的填充顏色，例如藍色代表湖泊，綠色代表森林。
fill-opacity：控制填充區域的不透明度，使其透明或不透明。
fill-outline-color：設置多邊形邊界的顏色，以突出邊界。
fill-pattern：應用圖案作為填充，例如顯示紋理或自定義背景圖案。
fill-translate 和 fill-translate-anchor：允許填充區域的平移，改變其相對位置。

map.addLayer({
  'id': 'area-fill',
  'type': 'fill',
  'source': 'my-source',
  'paint': {
    'fill-color': '#0080ff',
    'fill-opacity': 0.5
  }
});

line layer

Line Layer） 用於繪製邊界和路徑，如道路、河流、國家邊界等。透過定義線條顏色、寬度和透明度，你可以用來呈現各種視覺效果的地圖線條。

line的屬性：

line-color：設定線條顏色。
line-width：設定線條的寬度。
line-opacity：調整線條的不透明度。
line-dasharray：定義虛線模式。
line-gradient：設置漸變色。
line-join：控制線條連接點的樣式（圓角、斜角等）。
line-blur：為線條添加模糊效果。

map.addLayer({
  'id': 'route-line',
  'type': 'line',
  'source': 'my-source',
  'paint': {
    'line-color': '#ff0000',
    'line-width': 3,
    'line-opacity': 0.8,
    'line-dasharray': [2, 4]
  }
});

其他重要屬性

line-offset：偏移線條的位置，適合用於並排顯示多條線。
line-translate 和 line-translate-anchor：用來平移線條的位置。
line-pattern：設置重複圖案作為線條樣式。