Class: CustomBillboard

CustomBillboard

自定义广告牌要素，可以用于绘制带有标记线的广告牌要素

// 添加图层
const layer = new EntityLayer().addToViewer(this.$viewer);
const customBillboard = new CustomBillboard(
  new Position(118.78600228, 31.9135434, 1.66113721),
  require("../../assets/dataImages/locate.png")
).addToLayer(layer);
// customBillboard 设置样式
customBillboard.setStyle({
  horizontalOrigin: 0,
  verticalOrigin: 1
});
customBillboard.setVLine({
  width: 2,
  material: new PolylineDashMaterialProperty({
    color: Color.YELLOW
  })
});
// 注册 customBillboard 鼠标移入事件
customBillboard.on(MouseEventType.CLICK, evt => {
  console.log(evt);
});

new CustomBillboard(position, icon, height)

overlay/custom/CustomBillboard.js, line 52

Name	Type	Default	Description
`position`	Position		坐标
`icon`	Property \| string \| HTMLCanvasElement		图标资源，可以为 URI, Canvas等
`height`	Number	30	optional 标记线的长度(高度)

Extends

Overlay

Classes

CustomBillboard

Members

attr

覆盖物的额外属性设置

readonlydelegate

覆盖物的代理对象

id

设置覆盖物的业务 id

readonlyoverlayEvent

覆盖物的事件对象

readonlyoverlayId

覆盖物唯一标识

show

覆盖物的可见性

readonlystate

覆盖物的状态

Methods

inherited addToLayer(layer){Overlay} overlay/Overlay.js, line 242

添加到指定图层

Name	Type	Description
`layer`	EntityLayer	指定图层

Returns:

Type	Description
Overlay

inherited fire(type, params){Overlay} overlay/Overlay.js, line 282

触发事件

Name	Type	Description
`type`	*
`params`	*

Returns:

Type	Description
Overlay

inherited off(type, callback, context){Overlay} overlay/Overlay.js, line 270

注销事件

Name	Type	Description
`type`	*	事件类型
`callback`	*	监听回调
`context`	*

Returns:

Type	Description
Overlay

inherited on(type, callback, context){Overlay} overlay/Overlay.js, line 257

注册事件

Name	Type	Description
`type`	*	事件类型
`callback`	*	监听回调
`context`	*

Returns:

Type	Description
Overlay

inherited remove(){Overlay} overlay/Overlay.js, line 229

从图层上移出

Returns:

Type	Description
Overlay

setBottomCircle(radius, style, rotateAmount){CustomBillboard} overlay/custom/CustomBillboard.js, line 193

设置底部圆样式

Name	Type	Description
`radius`	Number	半径
`style`	Object	样式可选属性
`rotateAmount`	Number	旋转角度

Returns:

Type	Description
CustomBillboard

setLabel(text, textStyle){CustomBillboard} overlay/custom/CustomBillboard.js, line 135

设置文字标签的样式

Name	Type	Description
`text`	String	文本内容
`textStyle`	Object	文本样式

Returns:

Type	Description
CustomBillboard

setStyle(style){CustomBillboard} overlay/custom/CustomBillboard.js, line 149

设置 CustomBillboard 的样式, 参照 Billboard#setStyle

Name	Type	Description
`style`	Object	样式可选属性

Returns:

Type	Description
CustomBillboard

setVLine(style){CustomBillboard} overlay/custom/CustomBillboard.js, line 165

设置垂直线的样式, 参照 Polyline#setStyle

Name	Type	Description
`style`	Object	样式可选属性

Returns:

Type	Description
CustomBillboard