new sg.renderers.ScaleDependentRenderer(param)
Description
建立一個ScaleDependentRenderer 物件。
Position
Renderer.js
Parameters
Parameter
|
Type
|
Description
|
param
|
Object
|
對應某特定數值的屬性欄位。
Name
|
Type
|
Description
|
rendererInfos
|
Array.<Object>
|
使用的renderer陣列。每個數值定義在各比例尺下的符號
|
|
Properties
Properties
|
Type
|
Description
|
colorInfo
|
Object
|
符號顏色設定
Name
|
Type
|
Description
|
minValue
|
Number
|
最小值
|
maxValue
|
Number
|
最大值
|
field
|
String
|
屬性欄位
|
colors
|
Array.<sg.Color>
|
顏色陣列
|
|
defaultSymbol
|
sg.symbols.Symbol
|
預設符號。(可以不預設)
|
rendererInfos
|
Array.<rendererInfo>
|
Renderer陣列
|
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
|
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
|
符號大小
|
|
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
|
符號大小資訊
|
|
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>
//Define symbols for different scales
var renderer1 = new sg.renderers.SimpleRenderer(new sg.symbols.SimpleMarkerSymbol(sg.symbols.SimpleMarkerSymbol.STYLE_SOLID, 10, outline, new sg.Color(0, 255, 0, 1)));
var renderer2 = new sg.renderers.SimpleRenderer(new sg.symbols.SimpleMarkerSymbol(sg.symbols.SimpleMarkerSymbol.STYLE_SOLID, 10, outline, new sg.Color(255, 255, 0, 1)));
renderer1.setSizeInfo({
field: "pop_est",
minSize: 10,
maxSize: 32,
minValue: 1,
maxValue: 1000000000
});
renderer2.setSizeInfo({
field: "pop_est",
minSize: 16,
maxSize: 64,
minValue: 1,
maxValue: 1000000000
});
//Create ScaleDependentRenderer
var sdRenderer = new sg.renderers.ScaleDependentRenderer({
rendererInfos: [{
minZoom: 0,
maxZoom: 1,
renderer: renderer1
}, {
minZoom: 1,
maxZoom: 18,
renderer: renderer2
}]
});
|
|
See live example
©2015 Supergeo Technologies Inc.