カスタムレイヤーのスタイルテクニックリファレンス
このリファレンスでは、カスタムスタイルを使用したカスタムレイヤーの外観をカスタマイズする際に利用できるスタイルテクニックについて説明します。これらは、カスタムレイヤーのスタイルガイドでも説明されています。
テクニックのインデックス
テクニック
ラスター テクニック
不透明度
テクスチャの不透明度を制御するために、テクスチャ カラーのアルファ値に適用される係数。
型：
real
デフォルト値：
1.0
明るさ
明るさを制御するためにテクスチャ カラーの RGB 値に適用される係数。
型：
real
デフォルト値：
1.0
ガンマ
テクスチャのガンマ補正値。
型：
real
デフォルト値：
1.0
ライン テクニック
width
ラインの幅 (メートル単位)。
型：
real
デフォルト値：
1.0
color
ラインの色。
型：
color
デフォルト値：
"#ffffff"
visible
ラインを表示 (地図上に描画) するかどうか。
型：
boolean
デフォルト値：
true
z-order
カテゴリー内のアイテムの相対的なレンダリング順序。上位の z-order アイテムは下位の z-order アイテムの上に描画されます。 1 つのカテゴリー内で、同じ z-order を持つアイテム間の順序は未定義です。
型：
unsigned integer
デフォルト値：
0
ポリゴン テクニック
color
ポリゴンの色。
型：
color
デフォルト値：
"#ffffff"
visible
ポリゴンを表示 (地図上に描画) するかどうか。
型：
boolean
デフォルト値：
true
z-order
カテゴリー内のアイテムの相対的なレンダリング順序。上位の z-order アイテムは下位の z-order アイテムの上に描画されます。 1 つのカテゴリー内で、同じ z-order を持つアイテム間の順序は未定義です。
型：
unsigned integer
デフォルト値：
0
アイコン テキスト テクニック
icon-source
表示するアイコンのソース。アセット ファイル パスまたは絶対ファイル パスを指定できます。アイコンでサポートされているフォーマットは PNG、JPEG、SVG Tiny です。
型：
string
デフォルト値：
""
icon-width
アイコンの幅。指定されていない場合、アイコン ソースのアスペクト比を維持できる、icon-height に整合した値が使用されます。
型：
real
デフォルト値：
-1.0
元の幅が 600 ピクセル、高さが 400 ピクセルのアイコンを使用した場合の例：
| icon-width | icon-height | 表示される幅 | 表示される高さ |
|---|---|---|---|
| - | - | 600 | 400 |
| 300 | 200 | 300 | 200 |
| 300 | - | 300 | 200 |
| - | 800 | 1200 | 800 |
icon-height
アイコンの高さ。指定されていない場合、アイコン ソースのアスペクト比を維持できる、icon-width に整合した値が使用されます。
型：
real
デフォルト値：
-1.0
元の幅が 600 ピクセル、高さが 400 ピクセルのアイコンを使用した場合の例：
| icon-width | icon-height | 表示される幅 | 表示される高さ |
|---|---|---|---|
| - | - | 600 | 400 |
| 300 | 200 | 300 | 200 |
| 300 | - | 300 | 200 |
| - | 800 | 1200 | 800 |
icon-placement
アンカー ポイントを基準にしてアイコンの配置を定義する基本方位のリスト。1 つ以上のカンマ区切り値：TR、R、BR、B、BL、L、TL、T、C。
型：
string
デフォルト値：
"C"
| 配置 | 詳細 |
|---|---|
| C | 中央：アイコンの中央をアンカー ポイントに配置します。 |
| T | 上：アイコンの下中心をアンカー ポイントに配置します。 |
| L | 左：アイコンの右中心をアンカー ポイントに配置します。 |
| R | 右：アイコンの左中心をアンカー ポイントに配置します。 |
| B | 下：アイコンの上中心をアンカー ポイントに配置します。 |
| TL | 左上：アイコンの右下をアンカー ポイントに配置します。 |
| TR | 右上：アイコンの左下をアンカー ポイントに配置します。 |
| BL | 左下：アイコンの右上をアンカー ポイントに配置します。 |
| BR | 右下：アイコンの左上をアンカー ポイントに配置します。 |
icon-dx
アイコンに適用するオフセット (x 軸上、ピクセル単位)。変位方向はアイコンの配置によって異なります。正の値を指定すると、アイコンは C、T、TR、R、BR、B では右に移動し、TL、L、BL では左に移動します。
型：
real
デフォルト値：
0.0
icon-dy
アイコンに適用するオフセット (y 軸上、ピクセル単位)。変位方向はアイコンの配置によって異なります。正の値を指定すると、アイコンは C、L、TL、T、TR、R では上に移動し、BL、B、BR では下に移動します。
型：
real
デフォルト値：
0.0
テキスト
表示するテキスト。
型：
string
デフォルト値：
""
text-placement
アイコンを基準にしてテキストの配置を定義する基本方位。1 つ以上のカンマ区切り値として定義できます。使用可能な値は C、T、TR、R、BR、B、BL、L、TL です。
型：
string
デフォルト値：
"C"
| 配置 | 詳細 |
|---|---|
| C | 中央：テキストをアイコンの中央に配置します。 |
| T | 上：テキストをアイコンの上中央に配置します。テキスト領域の下中心はアイコンの上中心と一致します。 |
| L | 左：テキストをアイコンの左に配置します。テキスト領域の右中心はアイコンの左中心と一致します。 |
| R | 右：テキストをアイコンの右に配置します。テキスト領域の左中心はアイコンの右中心と一致します。 |
| B | 下：テキストをアイコンの下に配置します。テキスト領域の上中心はアイコンの下中心と一致します。 |
| TL | 左上：テキストをアイコンの左上に配置します。テキスト領域の右下はアイコンの左上と一致します。 |
| TR | 右上：テキストをアイコンの右上に配置します。テキスト領域の左下はアイコンの右上と一致します。 |
| BL | 左下：テキストをアイコンの左下に配置します。テキスト領域の右上はアイコンの左下と一致します。 |
| BR | 右下：テキストをアイコンの右下に配置します。テキスト領域の左上はアイコンの右下と一致します。 |
text-dx
テキストに適用するオフセット (x 軸上、ピクセル単位)。変位方向はテキストの配置によって異なります。正の値を指定すると、テキストは C、T、TR、R、BR、B では右に移動し、TL、L、BL では左に移動します。
型：
real
デフォルト値：
0.0
text-dy
テキストに適用するオフセット (y 軸上、ピクセル単位)。変位方向はテキストの配置によって異なります。正の値を指定すると、テキストは C、L、TL、T、TR、R では上に移動し、BL、B、BR では下に移動します。
型：
real
デフォルト値：
0.0
text-color
テキストの色。
型：
color
デフォルト値：
"#ffffffff"
text-outline-width
テキストのアウトラインの幅 (ピクセル単位)。
型：
real
デフォルト値：
0.0
text-outline-color
テキストのアウトラインの色。
型：
color
デフォルト値：
"#000000ff"
text-size
テキストのフォント サイズ (ピクセル単位)。使用されるフォントは FiraGO です。
型：
real
デフォルト値：
18.0
z-order
カテゴリー内のアイテムの相対的なレンダリング順序。上位の z-order アイテムは下位の z-order アイテムの上に描画されます。 1 つのカテゴリー内で、同じ z-order を持つアイテム間の順序は未定義です。
型：
unsigned integer
デフォルト値：
0
visible
アイテムを表示 (地図上に描画) するかどうか。
型：
boolean
デフォルト値：
true
7 日前の更新