リクエストヘッダー
幅員データAPIに疎通するために必須のプロパティになります。
詳細は地図PJにお問い合わせください。
{}
Optional marker幅員の道路線に表示するマーカーのオプション
マーカーに表示するラベルは幅員(m)を小数第1位まで表示します。
undefined // 設定がない場合はマーカーを表示しない
// icon画像の設定は必須
markerOptions: {
iconInfo: new GIA.value.GLMarkerIconInfo({
icon: 'path/to/marker/icon.png',
size: new GIA.value.Size(24, 45)
}),
labelStyle: {
fontSize: 14,
fontColor: '#000000',
fontWeight: 'bold',
outlineColor: '#FFFFFF',
outlineWidth: 3
},
labelOffset: new GIA.value.Point(0, 3),
zoomRange: new GIA.value.ZoomRange(15, 22),
clickListener: (data: GIA.types.RoadWidthData) => {
console.log(`幅員: ${data.laneWidth}m`);
}
}
幅員に応じた道路線スタイルの設定配列
しきい値(メートル)と対応するスタイルのペアを指定します。
道路幅員がしきい値以上の場合、対応するstyleが適用されます。
配列は任意の順序で指定可能です(内部で降順ソートされます)。
[{ threshold: 0, style: { color: '#000000', weight: 3 } }] // 単一色で幅員の色分けは行わない
widthLineStyles: [
{ threshold: 0.0, style: { color: '#00FF00', weight: 4, lineCap: 'round' } }, // 0m以上3.5m未満
{ threshold: 3.5, style: { color: '#FFFF00', weight: 4, lineCap: 'round' } }, // 3.5m以上5.0m未満
{ threshold: 5.0, style: { color: '#FFA500', weight: 4 } }, // 5.0m以上7.0m未満
{ threshold: 7.0, style: { color: '#FF0000', weight: 4, dashArray: [1, 1] } }, // 7.0m以上
]
Optional zoom表示するズームレベル範囲
15〜24 // 最小値に17未満を設定してもライセンスの都合上、強制に15に設定されます。
GIA.value.ZoomRange(15, 22)
幅員機能のオプション