カスタムスタイル
要素style
使用すると、埋め込みスタイルを簡単に拡張して、別のレイヤーに再利用できます。 カスタムスタイルにはスタイルプロパティを事前に設定でき、個々のレイヤーで上書きを使用できます。 lines
埋め込みスタイルdashed-line
を拡張してカスタムスタイルを作成する方法を次の例に示します。 styles
セクションでは、カスタム スタイルの名前 (dashed-lines
)、継承元のデフォルト スタイルの名前 (base
セクション)、および指定されたスタイルを持つジオメトリのレンダリング方法を説明する draw
セクション (および 基本スタイルのすべてのプロパティを使用できます)。
Style
sources:
omv:
type: OMV
styles:
dashed-lines:
base: lines
draw:
dash: [2, 2]
color: [0.055, 0.604, 0.914, 1.00]
layers:
water_areas:
data: {source: omv, layer: water}
draw:
dashed-lines:
order: 1
width: 5px
roads:
data: {source: omv, layer: roads}
draw:
dashed-lines:
order: 2
width: 1px
color: red
スタイル
次の一覧では、設定 セクションstyle
を構成するプロパティと値について説明します。
- スタイル名 - カスタムスタイルを識別する一意の文字列です。 文字列はセクション
style
のキーで、値はスタイル定義です。 次の例では 、red_line
とgreen_polygon
という名前の 2 つのカスタムスタイルが定義さ れています。
styles:
red_line:
base: lines
draw:
color: red
green_polygon:
base: polygons
draw:
color: green
-
base
- string
、任意。 このプロパティは、カスタムスタイルの継承元となるスタイルの名前を定義します。 指定できる値は、埋め込みスタイルの名前 (points
、lines
など) 、または他のカスタムスタイルです。 次のスニペットでは 、スタイル red_line
は カスタムスタイル thick_line
から幅を継承します。
styles:
thick_line:
base: lines
draw:
width: 4px
red_line:
base: thick_line
draw:
color: red
-
draw
- 任意。 指定したスタイルの描画パラメータを含むブロックレベルの要素。 適用可能なパラメータは 、base
またはmix
として使用されているスタイルによって異なり ます。 詳細について は、「既定のスタイル」を参照してください。 -
mix
- [...string]
、任意。 このプロパティは、複数のカスタムスタイルを組み合わせて作成するために使用されます。 次の例では、 thick_line
および red_line
のスタイルのプロパティを使用して新しいカスタムスタイルを定義します。
styles:
thick_line:
base: lines
draw:
width: 4px
red_line:
base: thick_line
draw:
color: red
thick_red_line:
mix: [red_line, thick_line]