カスタムスタイル

要素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]