介面 VectorTileOverlayOptions

新增VectorTile圖層參數。

參閱

window.ov.TerrainView.addTerrainVectorTileOverlay

interface VectorTileOverlayOptions {
    url: string;
    boundary?: GeoBoundary;
    lineWidth?: number;
    maxLevel?: number;
    minLevel?: number;
    visibleFactor?: number;
    occludedOpacity?: number;
    urlTemplate?: string;
    token?: string;
    isGeoJson?: boolean;
    pointSetting?: {
        textLabel?: string;
        fontLabel?: string;
        fadeEffect?: boolean;
        allowOverlapping?: boolean;
        showIfTextLabelNotExist?: boolean;
        fontTable?: {
            [name: string]: {
                font?: string;
                fontSize?: number;
                fontColor?: window.ov.Color;
                fontBorderSize?: number;
                fontBorderColor?: window.ov.Color;
                pullUpY?: number;
                pullUpYUnit?: number;
                groundLineColor?: window.ov.Color;
                groundLineWidth?: number;
            };
        };
    };
    polylineSetting?: {
        colorLabel?: string;
        widthLabel?: number;
        simpleDraw?: boolean;
        lineWidthScale?: number;
        dashScale?: number;
        realWorldWidth?: boolean;
        fadeEffect?: boolean;
        colorTable?: { [name: string]: { color?: window.ov.Color } };
    };
    polygonSetting?: {
        colorLabel?: string;
        heightLabel?: string;
        meshVisibleDistance?: number;
        colorTable?: {
            [name: string]: {
                fillColor?: window.ov.Color;
                boundaryColor?: window.ov.Color;
                boundaryWidth?: number;
            };
        };
    };
    layerSetting?: { [name: string]: { minShow?: number; maxShow?: number } };
    layername: string;
    opacity?: number;
    show?: boolean;
    onTerrain?: boolean;
    overlayWindow?: string;
}

層級 (查看層級一覽)

window.ov.OverlayOptions
- VectorTileOverlayOptions

索引

屬性

url boundary? lineWidth? maxLevel? minLevel? visibleFactor? occludedOpacity? urlTemplate? token? isGeoJson? pointSetting? polylineSetting? polygonSetting? layerSetting? layername opacity? show? onTerrain? overlayWindow?

屬性

url

url: string

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

`可選`boundary

boundary?: GeoBoundary

顯示範圍。

`可選`lineWidth

lineWidth?: number

指示線條粗細。

預設值

`可選`maxLevel

maxLevel?: number

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

預設值

`可選`minLevel

minLevel?: number

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

預設值

`可選`visibleFactor

visibleFactor?: number

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

預設值

1.0

`可選`occludedOpacity

occludedOpacity?: number

圖層被遮擋的不透明度。

預設值

0.25

`可選`urlTemplate

urlTemplate?: string

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

預設值

""

`可選`token

token?: string

若有需要提供，token。

`可選`isGeoJson

isGeoJson?: boolean

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

預設值

false

`可選`pointSetting

pointSetting?: {
    textLabel?: string;
    fontLabel?: string;
    fadeEffect?: boolean;
    allowOverlapping?: boolean;
    showIfTextLabelNotExist?: boolean;
    fontTable?: {
        [name: string]: {
            font?: string;
            fontSize?: number;
            fontColor?: window.ov.Color;
            fontBorderSize?: number;
            fontBorderColor?: window.ov.Color;
            pullUpY?: number;
            pullUpYUnit?: number;
            groundLineColor?: window.ov.Color;
            groundLineWidth?: number;
        };
    };
}

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

類型宣告

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

`可選`polylineSetting

polylineSetting?: {
    colorLabel?: string;
    widthLabel?: number;
    simpleDraw?: boolean;
    lineWidthScale?: number;
    dashScale?: number;
    realWorldWidth?: boolean;
    fadeEffect?: boolean;
    colorTable?: { [name: string]: { color?: window.ov.Color } };
}

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

類型宣告

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

`可選`polygonSetting

polygonSetting?: {
    colorLabel?: string;
    heightLabel?: string;
    meshVisibleDistance?: number;
    colorTable?: {
        [name: string]: {
            fillColor?: window.ov.Color;
            boundaryColor?: window.ov.Color;
            boundaryWidth?: number;
        };
    };
}

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

類型宣告

可選colorLabel?: string
面圖資的樣式參考欄位。
可選heightLabel?: string
高度標籤
可選meshVisibleDistance?: number
模型可視距離
可選colorTable?: {
    [name: string]: {
        fillColor?: window.ov.Color;
        boundaryColor?: window.ov.Color;
        boundaryWidth?: number;
    };
}
面圖資的樣式定義，索引為圖資參考欄位之名稱。

`可選`layerSetting

layerSetting?: { [name: string]: { minShow?: number; maxShow?: number } }

圖資顯示層級定義，索引為圖資參考欄位之名稱。

layername

layername: string

名稱。

`可選`opacity

opacity?: number

圖層不透明度，0 ~ 1。

預設值

`可選`show

show?: boolean

圖層是否顯示。

預設值

true

`可選`onTerrain

onTerrain?: boolean

圖層是否顯示在地形上。

預設值

true

`可選`overlayWindow

overlayWindow?: string

指定疊加圖層要加入的視窗名稱，需先使用 window.ov.TerrainView.addOverlayWindow 建立視窗。

介面 VectorTileOverlayOptions

參閱

層級 (查看層級一覽)

索引

屬性

屬性

url

可選boundary

可選lineWidth

預設值

可選maxLevel

預設值

可選minLevel

預設值

可選visibleFactor

預設值

可選occludedOpacity

預設值

可選urlTemplate

預設值

可選token

可選isGeoJson

預設值

可選pointSetting

類型宣告

可選textLabel?: string

預設值

可選fontLabel?: string

預設值

可選fadeEffect?: boolean

預設值

可選allowOverlapping?: boolean

預設值

可選showIfTextLabelNotExist?: boolean

預設值

可選fontTable?: { [name: string]: { font?: string; fontSize?: number; fontColor?: window.ov.Color; fontBorderSize?: number; fontBorderColor?: window.ov.Color; pullUpY?: number; pullUpYUnit?: number; groundLineColor?: window.ov.Color; groundLineWidth?: number; };}

可選polylineSetting

類型宣告

可選colorLabel?: string

預設值

可選widthLabel?: number

可選simpleDraw?: boolean

預設值

可選lineWidthScale?: number

預設值

可選dashScale?: number

預設值

可選realWorldWidth?: boolean

可選fadeEffect?: boolean

可選colorTable?: { [name: string]: { color?: window.ov.Color } }

可選polygonSetting

類型宣告

可選colorLabel?: string

可選heightLabel?: string

可選meshVisibleDistance?: number

可選colorTable?: { [name: string]: { fillColor?: window.ov.Color; boundaryColor?: window.ov.Color; boundaryWidth?: number; };}

可選layerSetting

layername

可選opacity

預設值

可選show

預設值

可選onTerrain

預設值

可選overlayWindow

顯示設定

目錄

`可選`boundary

`可選`lineWidth

`可選`maxLevel

`可選`minLevel

`可選`visibleFactor

`可選`occludedOpacity

`可選`urlTemplate

`可選`token

`可選`isGeoJson

`可選`pointSetting

`可選`textLabel?: string

`可選`fontLabel?: string

`可選`fadeEffect?: boolean

`可選`allowOverlapping?: boolean

`可選`showIfTextLabelNotExist?: boolean

`可選`fontTable?: {
[name: string]: {
font?: string;
fontSize?: number;
fontColor?: window.ov.Color;
fontBorderSize?: number;
fontBorderColor?: window.ov.Color;
pullUpY?: number;
pullUpYUnit?: number;
groundLineColor?: window.ov.Color;
groundLineWidth?: number;
};
}

`可選`polylineSetting

`可選`colorLabel?: string

`可選`widthLabel?: number

`可選`simpleDraw?: boolean

`可選`lineWidthScale?: number

`可選`dashScale?: number

`可選`realWorldWidth?: boolean

`可選`fadeEffect?: boolean

`可選`colorTable?: { [name: string]: { color?: window.ov.Color } }

`可選`polygonSetting

`可選`colorLabel?: string

`可選`heightLabel?: string

`可選`meshVisibleDistance?: number

`可選`colorTable?: {
[name: string]: {
fillColor?: window.ov.Color;
boundaryColor?: window.ov.Color;
boundaryWidth?: number;
};
}

`可選`layerSetting

`可選`opacity

`可選`show

`可選`onTerrain

`可選`overlayWindow