SuperGIS Server JavaScript API Reference > sg/symbol > PictureMarkerSymbol

SuperGIS Server JavaScript API

new sg.symbols.PictureMarkerSymbol(url, width, height)

Description

建立一個具有參數的 PictureMarkerSymbol (圖片標計符號)物件。

Position

Symbol.js

Parameters

Parameter	Type	Description
url	String	圖片的URL連結
width	Number	圖片寬度
height	Number	圖片高度

Properties

Properties	Type	Description
angle	Number	標記符號的旋轉角度
color	sg.Color	標記符號的顏色
size	Number	標記符號的大小，單位為pixel
type	String	標記符號的類型
url	String	標記圖片URL
xoffset	Number	標記符號的x位移，單位為Pixel
yoffset	Number	標記符號的y位移，單位為Pixel

Methods

Type

Description

setColor(color)

sg.Color

設定標記符號顏色。

Name	Type	Description
color	sg.Color	標記符號的顏色

setOffset(x, y)

Number

設定標記符號x 與y 方向偏移量。

Name	Type	Description
x	Number	x方向位移值
y	Number	y方向位移值

setUrl(url)

String

設定標記圖片 URL。

Name	Type	Description
url	String	圖片位址

setAngle(angle)

Number

設定標記符號旋轉角度。

Name	Type	Description
angle	Number	旋轉角度

setSize(size)

Number

設定標記符號大小。

Name	Type	Description
size	Number	標記符號大小

setWidth(width)

Number

設定圖片寬度。

Name	Type	Description
width	Number	設定圖片寬度

setHeight(height)

Number

設定圖片高度。

Name	Type	Description
height	Number	設定圖片高度

Example

pointLayer = new sg.layers.FeatureLayer("agent.aspx", {name: "Schools"});

//Define symbol for student

var student = new sg.symbols.PictureMarkerSymbol("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/retro-green-floral-icons-people-things/065987-retro-green-floral-icon-people-things-people-child2.png", 50, 50);

var sr = new sg.renderers.SimpleRenderer(student);

pointLayer.setRenderer(sr);

See live example