TextLayer

文字展示图层，继承自Layer

可使用鼠标拾取Pick

示例

动手试试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

var layer = new mapvgl.TextLayer({
    color: '#fff',
    fontFamily: 'Microsoft Yahei',
    fontSize: 14,
    flat: false,
    collides: true,
    offset: [0, 0],
    padding: [2, 2],
    margin: [0, 0],
    data: [{
        geometry: {
            type: 'Point',
            coordinates: [116.403748, 39.915055]
        },
        properties: {
                text: '文字' // 展示的文字
        }
    }]
});

options属性

fontFamily

解释：文字字体

类型：string

默认值：’Microsoft Yahei’

color

解释：文字颜色，同css颜色

类型：string

默认值：’#fff’

fontSize

解释：文字大小

类型：number

默认值：14

unit

解释：绘制大小的方式，即指定fontSize属性的单位

类型：string

默认值：’px’

可选值：

• px，默认值，按像素绘制
• m，按米来绘制

angle

解释：设置icon按顺时针旋转角度

类型：number

默认值：0

flat

解释：文字是否随地图倾斜，即平躺在地图上

类型：boolean

默认值：false

collides

解释：是否开启碰撞检测，开启后重叠部分的文字会被隐藏

类型：boolean

默认值：true

offset

解释：文字偏移量，基于文字中心点偏移，[{number}x, {number}y]

类型：array

默认值：[0, 0]

padding

解释：文字内边距，[{number}左右边距, {number}上下边距]

类型：array

默认值：[2, 2]

margin

解释：文字外边距，[{number}左右边距, {number}上下边距]

类型：array

默认值：[0, 0]

data内容

数据格式内容：

1
2
3
4
5
6
7
8
9

[{
    geometry: {
        type: 'Point',
        coordinates: [116.403748, 39.915055]
    },
    properties: {
        text: '文字'
    }
}]

properties

• text：展示的文字