首页 / Cesium / 使用示例
公告板图标
公告板永远面向相机。图标不用下载,示例在 canvas 上画一个水滴形标记再转成 dataURL。
源码与运行效果
billboard 的关键属性
image 是图,scale 是整体缩放,verticalOrigin 决定图标底部还是中心对准坐标点,heightReference 决定是否贴地。
pixelOffset 用来纠正图标与文字的相对位置,避免换了图标尺寸后标签压到图形上。
图标为什么用 canvas 生成
canvas 画的图标分辨率可控,改颜色和描边只需改几行绘制代码,也不用担心跨域。示例把同一张图画了三档尺寸,验证 scale 的作用。
可以直接改的地方
| 位置 | 改什么 | 效果 |
|---|---|---|
billboard.scale | 改数值 | 图标大小 |
billboard.verticalOrigin | BOTTOM / CENTER | 对准点 |
billboard.heightReference | CLAMP_TO_GROUND | 贴地 |
别用点代替:大量图标时优先用 billboard 而不是 point,后者在远景里会缩成看不清的小点。