|
|
|
|
|
import {Cartesian3, Entity, Color, Viewer, Cartesian2, HorizontalOrigin, VerticalOrigin, HeightReference} from "cesium";
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
文件描述：文本标注
|
|
|
|
|
|
创建时间：2024/4/16 11:44
|
|
|
|
|
|
创建人：Zhaipeixiu
|
|
|
|
|
|
*/
|
|
|
|
|
|
export type textLabelOptions = {
|
|
|
|
|
|
showBackground?: boolean, //显示背景
|
|
|
|
|
|
backgroundColor?: Color, //背景色
|
|
|
|
|
|
backgroundPadding?: any, //padding值
|
|
|
|
|
|
fillColor: Color,
|
|
|
|
|
|
horizontalOrigin?: any, //水平对齐方式
|
|
|
|
|
|
verticalOrigin?: any, //竖直对齐方式
|
|
|
|
|
|
outlineColor?: any,
|
|
|
|
|
|
outlineWidth?: any
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export class TextLabel{
|
|
|
|
|
|
_viewer: Viewer|undefined = undefined
|
|
|
|
|
|
_defaultStyle: textLabelOptions = {
|
|
|
|
|
|
showBackground: true, //显示背景
|
|
|
|
|
|
backgroundColor: Color.BLACK, //背景色
|
|
|
|
|
|
backgroundPadding: new Cartesian2(10, 10), //padding值
|
|
|
|
|
|
fillColor: Color.WHITE,
|
|
|
|
|
|
outlineColor: Color.WHITESMOKE,
|
|
|
|
|
|
outlineWidth: 1.0,
|
|
|
|
|
|
horizontalOrigin: HorizontalOrigin.CENTER,//对齐方式
|
|
|
|
|
|
verticalOrigin: VerticalOrigin.CENTER,
|
|
|
|
|
|
}
|
|
|
|
|
|
_cesiumLabel: Entity|undefined = undefined
|
|
|
|
|
|
|
|
|
|
|
|
// 构造函数，新建label并显示
|
|
|
|
|
|
constructor(viewer: Viewer, position: Cartesian3, text: string, options?: textLabelOptions) {
|
|
|
|
|
|
this._viewer = viewer
|
|
|
|
|
|
this._defaultStyle = {...this._defaultStyle, ...options}
|
|
|
|
|
|
|
|
|
|
|
|
this._cesiumLabel = new Entity({
|
|
|
|
|
|
position: position,
|
|
|
|
|
|
name: 'default',
|
|
|
|
|
|
label: {
|
|
|
|
|
|
text: text,
|
|
|
|
|
|
scale: .6,
|
|
|
|
|
|
pixelOffset: new Cartesian2(20, -20),
|
|
|
|
|
|
showBackground: this._defaultStyle.showBackground, //显示背景
|
|
|
|
|
|
backgroundColor: this._defaultStyle.backgroundColor, //背景色
|
|
|
|
|
|
backgroundPadding: this._defaultStyle.backgroundPadding, //padding值
|
|
|
|
|
|
fillColor: this._defaultStyle.fillColor,
|
|
|
|
|
|
outlineColor: this._defaultStyle.outlineColor,
|
|
|
|
|
|
outlineWidth: this._defaultStyle.outlineWidth,
|
|
|
|
|
|
horizontalOrigin: this._defaultStyle.horizontalOrigin, //对齐方式
|
|
|
|
|
|
verticalOrigin: this._defaultStyle.verticalOrigin,
|
|
|
|
|
|
heightReference: HeightReference.CLAMP_TO_GROUND
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
this._viewer.entities.add(this._cesiumLabel)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//移除label
|
|
|
|
|
|
public remove(){
|
|
|
|
|
|
if(this._cesiumLabel !== undefined && this._viewer!==null)
|
|
|
|
|
|
this._viewer.entities.remove(this._cesiumLabel)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
