介面 AddVectorTileOverlayLayerProperty

新增VectorTile疊加圖層參數。

interface AddVectorTileOverlayLayerProperty {
    url: string;
    layername: string;
    isGeoJson?: boolean;
    minLevel?: number;
    maxLevel?: number;
    visibleFactor?: number;
    urlTemplate?: string;
    show?: boolean;
    opacity?: number;
    pointSetting?: {
        textLabel?: string;
        fontLabel?: string;
        fadeEffect?: boolean;
        allowOverlapping?: boolean;
        fontTable?: {
            [fontLabel: string]: {
                font?: string;
                fontSize?: number;
                fontColor?: `#${string}`;
                fontBorderSize?: number;
                fontBorderColor?: `#${string}`;
                pullUpY?: number;
                pullUpYUnit?: number;
                groundLineColor?: `#${string}`;
                groundLineWidth?: number;
            };
        };
    };
    polylineSetting?: {
        colorLabel?: string;
        widthLabel?: number;
        simpleDraw?: boolean;
        lineWidthScale?: number;
        dashScale?: number;
        colorTable?: { [colorLabel: string]: { color?: `#${string}` } };
    };
    polygonSetting?: {
        colorLabel?: string;
        colorTable?: {
            [colorLabel: string]: {
                fillColor?: `#${string}`;
                boundaryColor?: `#${string}`;
                boundaryWidth?: number;
            };
        };
    };
    index?: number;
}

層級 (查看層級一覽)

window.ov.Property
- AddVectorTileOverlayLayerProperty

索引

屬性

url layername isGeoJson? minLevel? maxLevel? visibleFactor? urlTemplate? show? opacity? pointSetting? polylineSetting? polygonSetting? index?

屬性

url

url: string

資料來源模板，例如"http://127.0.0.1:8080/3857/identifier/{z}/{x}/{y}.vector.mvt"。

layername

layername: string

Overlay名稱。

`可選`isGeoJson

isGeoJson?: boolean

資料格式是否為GeoJson，若非則是mapbox的pbf標準格式。

預設值

true

`可選`minLevel

minLevel?: number

請求最小Level，小於此Level則不會載入疊加資料。

預設值

`可選`maxLevel

maxLevel?: number

請求最大Level，大於此Level則不會載入疊加資料。

預設值

`可選`visibleFactor

visibleFactor?: number

可視範圍參數，預設為1.0，越大則可視範圍越遠，在傾斜時更明顯，但無法超越LOD的限制。

預設值

`可選`urlTemplate

urlTemplate?: string

網址字串模板，可給代理如PROXY_URL/{URL}。

預設值

""

`可選`show

show?: boolean

圖層是否預設為開。

預設值

true

`可選`opacity

opacity?: number

圖層的不透明度。

預設值

`可選`pointSetting

pointSetting?: {
    textLabel?: string;
    fontLabel?: string;
    fadeEffect?: boolean;
    allowOverlapping?: boolean;
    fontTable?: {
        [fontLabel: string]: {
            font?: string;
            fontSize?: number;
            fontColor?: `#${string}`;
            fontBorderSize?: number;
            fontBorderColor?: `#${string}`;
            pullUpY?: number;
            pullUpYUnit?: number;
            groundLineColor?: `#${string}`;
            groundLineWidth?: number;
        };
    };
}

點圖資的顯示樣式，有給點圖資才會繪製。

類型宣告

可選textLabel?: string
欲顯示文字的參考欄位。
預設值
```
""
```
可選fontLabel?: string
欲套用字型的參考欄位。
預設值
```
""
```
可選fadeEffect?: boolean
是否使用淡出淡入效果。
預設值
```
true
```
可選allowOverlapping?: boolean
是否允許重疊。
預設值
```
true
```
可選fontTable?: {
    [fontLabel: string]: {
        font?: string;
        fontSize?: number;
        fontColor?: `#${string}`;
        fontBorderSize?: number;
        fontBorderColor?: `#${string}`;
        pullUpY?: number;
        pullUpYUnit?: number;
        groundLineColor?: `#${string}`;
        groundLineWidth?: number;
    };
}
字型設定定義，以fontLabel欄位名稱當索引。若為"DEFAULT"，則會將所有未匹配文字套上此設定字型。

`可選`polylineSetting

polylineSetting?: {
    colorLabel?: string;
    widthLabel?: number;
    simpleDraw?: boolean;
    lineWidthScale?: number;
    dashScale?: number;
    colorTable?: { [colorLabel: string]: { color?: `#${string}` } };
}

線圖資的顯示樣式，有給線圖資才會繪製。

類型宣告

可選colorLabel?: string
欲套用顏色的參考欄位。
預設值
```
""
```
可選widthLabel?: number
欲套用粗細的參考欄位，必須為數字。
可選simpleDraw?: boolean
使用輕便的繪圖模式，建議為false。
預設值
```
false
```
可選lineWidthScale?: number
指示線條粗細的縮放。
預設值
```
1
```
可選dashScale?: number
虛線設定，預設為實線，若等於0.0：系統自己切，大於0.0：以公尺為單位切。
預設值
```
-1.0
```
可選colorTable?: { [colorLabel: string]: { color?: `#${string}` } }
線圖資的顯示定義，索引為顏色參考欄位之名稱。

`可選`polygonSetting

polygonSetting?: {
    colorLabel?: string;
    colorTable?: {
        [colorLabel: string]: {
            fillColor?: `#${string}`;
            boundaryColor?: `#${string}`;
            boundaryWidth?: number;
        };
    };
}

詳細參數請參考ov.TerrainView.addTerrainVectorTile

類型宣告

可選colorLabel?: string
面圖資的樣式參考欄位。
預設值
```
""
```
可選colorTable?: {
    [colorLabel: string]: {
        fillColor?: `#${string}`;
        boundaryColor?: `#${string}`;
        boundaryWidth?: number;
    };
}
面圖資的樣式定義，索引為圖資參考欄位之名稱。

`可選`index

index?: number

插入索引，若沒有填值則視為加在最後面。

介面 AddVectorTileOverlayLayerProperty

層級 (查看層級一覽)

索引

屬性

屬性

url

layername

可選isGeoJson

預設值

可選minLevel

預設值

可選maxLevel

預設值

可選visibleFactor

預設值

可選urlTemplate

預設值

可選show

預設值

可選opacity

預設值

可選pointSetting

類型宣告

可選textLabel?: string

預設值

可選fontLabel?: string

預設值

可選fadeEffect?: boolean

預設值

可選allowOverlapping?: boolean

預設值

可選fontTable?: { [fontLabel: string]: { font?: string; fontSize?: number; fontColor?: `#${string}`; fontBorderSize?: number; fontBorderColor?: `#${string}`; pullUpY?: number; pullUpYUnit?: number; groundLineColor?: `#${string}`; groundLineWidth?: number; };}

可選polylineSetting

類型宣告

可選colorLabel?: string

預設值

可選widthLabel?: number

可選simpleDraw?: boolean

預設值

可選lineWidthScale?: number

預設值

可選dashScale?: number

預設值

可選colorTable?: { [colorLabel: string]: { color?: `#${string}` } }

可選polygonSetting

類型宣告

可選colorLabel?: string

預設值

可選colorTable?: { [colorLabel: string]: { fillColor?: `#${string}`; boundaryColor?: `#${string}`; boundaryWidth?: number; };}

可選index

顯示設定

目錄

`可選`isGeoJson

`可選`minLevel

`可選`maxLevel

`可選`visibleFactor

`可選`urlTemplate

`可選`show

`可選`opacity

`可選`pointSetting

`可選`textLabel?: string

`可選`fontLabel?: string

`可選`fadeEffect?: boolean

`可選`allowOverlapping?: boolean

`可選`fontTable?: {
[fontLabel: string]: {
font?: string;
fontSize?: number;
fontColor?: `#${string}`;
fontBorderSize?: number;
fontBorderColor?: `#${string}`;
pullUpY?: number;
pullUpYUnit?: number;
groundLineColor?: `#${string}`;
groundLineWidth?: number;
};
}

`可選`polylineSetting

`可選`colorLabel?: string

`可選`widthLabel?: number

`可選`simpleDraw?: boolean

`可選`lineWidthScale?: number

`可選`dashScale?: number

`可選`colorTable?: { [colorLabel: string]: { color?: `#${string}` } }

`可選`polygonSetting

`可選`colorLabel?: string

`可選`colorTable?: {
[colorLabel: string]: {
fillColor?: `#${string}`;
boundaryColor?: `#${string}`;
boundaryWidth?: number;
};
}

`可選`index