<< Click to Display Table of Contents >>

SuperGIS Server JavaScript API

 

new sg.renderers.UniqueValueRenderer(defaultSymbol, attributeField, attributeField2, attributeField3, fieldDelimeter)

 

 

Description

建立一個UniqueValueRenderer 物件。

 

Position

Renderer.js

 

 

Parameters

 

Parameter

Type

Description

attributeField

String

對應某特定數值的屬性欄位。

attributeField2

String

對應某特定數值的屬性欄位。

attributeField3

String

對應某特定數值的屬性欄位。

defaultSymbol

sg.symbols.Symbol

預設符號。

 

Properties

 

Properties

Type

Description

attributeField

String

對應某特定數值的屬性欄位。

attributeField2

String

對應某特定數值的屬性欄位。

attributeField3

String

對應某特定數值的屬性欄位。

colorInfo

Object

符號顏色設定

Name

Type

Description

minValue

Number

最小值

maxValue

Number

最大值

field

String

屬性欄位

colors

Array.<sg.Color>

顏色陣列

defaultSymbol

sg.symbols.Symbol

預設符號。(可以不預設)

infos

Array.<Object>

分級數值陣列

OpacityInfo

Object

符號透明度設定

Name

Type

Description

minValue

Number

最小值

maxValue

Number

最大值

field

String

屬性欄位

opacityValues

Array.<Number>

透明度陣列

rotationInfo

Object

符號旋轉設定

Name

Type

Description

type

String

旋轉類型

geographic : 由北方順時鐘旋轉

arithmetic : 由東方逆時鐘旋轉

field

String

屬性欄位

sizeInfo

Object

符號大小設定

Name

Type

Description

minSize

Number

最小尺寸

maxSize

Number

最大尺寸

field

String

屬性欄位

 

 

Methods

 

Methods

Type

Description

addValue(value)

Object

加入獨立數值

Name

Type

Description

value

Number

獨立數值

symbol

sg.symbols.Symbol

對應的獨立符號

getColor(graphic)

graphic:sg.Graphic

Returns:sg.Color

取得Graphic的符號顏色。

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

sg.Color

對應的顏色

getOpacity(graphic)

graphic:sg.Graphic

Returns:Number

取得Graphic的符號透明度

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

Number

透明度

getRotationAngle(graphic)

graphic:sg.Graphic

Returns:Number

取得Graphic的符號旋轉角度。

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

Number

旋轉角度

getSize(graphic)

graphic:sg.Graphic

Returns:Number

取得Graphic的符號大小。

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

Number

符號大小

removeValue(value)

Object

移除獨立數值

Name

Type

Description

value

Number

獨立數值

symbol

sg.symbols.Symbol

對應的獨立符號

setColorInfo(info)

Object

設定符號顏色。

Name

Type

Description

info

Object

符號顏色資訊

setOpacityInfo(info)

Object

設定符號透明度

Name

Type

Description

info

Object

符號透明度資訊

setRotationInfo(info)

Object

設定符號旋轉角度。

Name

Type

Description

info

Object

符號旋轉角度資訊

setSizeInfo(info)

Object

設定符號大小

Name

Type

Description

info

Object

符號大小資訊

toXml()

Returns:

String

轉傳為XML字串

Returns:

Type

Description

String

xml字串

 

 

Example

 

 

<script type="text/javascript" src="scripts/GraphicsLayer.js"></script>

<script type="text/javascript" src="scripts/Renderer.js"></script>

<script type="text/javascript" src="scripts/Symbol.js"></script>

<script type="text/javascript" src="scripts/Graphic.js"></script>

 

//Create UniqueValueRenderer

var uniqueValueRenderer = new sg.renderers.UniqueValueRenderer(defaultFillSymbol, "continent");

uniqueValueRenderer.addValue({

    value: "Asia",

    symbol: new sg.symbols.SimpleFillSymbol(sg.symbols.SimpleFillSymbol.STYLE_SOLID, outline, new sg.Color(0, 128, 128, 0.5));

});

uniqueValueRenderer.addValue({

    value: "Africa",

    symbol: new sg.symbols.SimpleFillSymbol(sg.symbols.SimpleFillSymbol.STYLE_SOLID, outline, new sg.Color(128, 128, 0, 0.5));

});

uniqueValueRenderer.addValue({

    value: "North America",

    symbol: new sg.symbols.SimpleFillSymbol(sg.symbols.SimpleFillSymbol.STYLE_SOLID, outline, new sg.Color(0, 255, 255, 0.5);

});

 

 

 

See live example

 

©2015 Supergeo Technologies Inc.