经纬志
首页 / Cesium / 使用示例

公告板图标

公告板永远面向相机。图标不用下载,示例在 canvas 上画一个水滴形标记再转成 dataURL。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

billboard 的关键属性

image 是图,scale 是整体缩放,verticalOrigin 决定图标底部还是中心对准坐标点,heightReference 决定是否贴地。

pixelOffset 用来纠正图标与文字的相对位置,避免换了图标尺寸后标签压到图形上。

图标为什么用 canvas 生成

canvas 画的图标分辨率可控,改颜色和描边只需改几行绘制代码,也不用担心跨域。示例把同一张图画了三档尺寸,验证 scale 的作用。

可以直接改的地方

位置改什么效果
billboard.scale改数值图标大小
billboard.verticalOriginBOTTOM / CENTER对准点
billboard.heightReferenceCLAMP_TO_GROUND贴地

别用点代替:大量图标时优先用 billboard 而不是 point,后者在远景里会缩成看不清的小点。