<< Click to Display Table of Contents >>

SuperGIS Server JavaScript API

 

new sg.layers.LabelLayer()

 

 

Description

繼承自GraphicsLayer,在地圖上顯示文字或符號

 

Position

LabelLayer.js

 

 

Properties

 

Properties

Type

Description

featureLayers

sg.layers.FeatureLayer

目標featureLayer陣列

 

 

Methods

 

Methods

Type

Description

addFeatureLayer(feature, renderer, textExpression,labelOptions)

featureLayer:sg.layers.FeatureLayer

renderer        :sg.renderers.Renderer

textExpression:String

加入FeatureLayer。

Name

Type

Description

featureLayer

sg.layers.FeatureLayer

要放置文字的FeatureLayer

renderer

sg.renderers.Renderer        

文字的Renderer

textExpression

String

文字模版

labelOptions:

 

Object

標記選項

Name

Type

Description

align

String

對齊方式,目前提供三種方式:

"start":靠左對齊

"middle":對齊圖徵中點

"end":靠右對齊

offsetx

Number

x位移;+:東;-:西

offsety

Number

y位移+:南;-:北

GetLabelPoints(geometry)

sg.geometry.Geometry        

取得文字的放置位置。

Name

Type

Description

geometry

sg.geometry.Geometry

放置位置中心點位

 

 

Example

 

 

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

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

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

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

 

//Create a feature layer to be labeled

var featureLayer = new sg.FeatureLayer('agent.aspx', {

               name: 'Countries',

               mode: sg.FeatureLayer.MODE_ONDEMAND

           });

 

//Create text symbol

var statesLabel = new sg.symbols.TextSymbol().setColor(new sg.Color(20, 20, 128, 0.8));

statesLabel.font.setSize("14pt");

statesLabel.font.setFamily("arial");

var statesLabelRenderer = new sg.renderers.SimpleRenderer(statesLabel);

 

//Label the feature layer using field name "admin"

var labelField = "admin";

var labelLayer = new sg.layers.LabelLayer();

labelLayer.addFeatureLayer(featureLayer, statesLabelRenderer, "${" + labelField + "}");

 

 

See live example

 

 


©2015 Supergeo Technologies Inc.