cesium指定坐标添加文字和广告牌图片,通过viewer.entities.add
来添加文字和广告牌
label 标签
billboard 广告牌
// 添加文字
var label = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(113.3191, 23.109, 700),
label: {
text: '广州塔',
font: '24px sans-serif',
fillColor: Cesium.Color.WHEAT,
outlineColor: Cesium.Color.BLACK,
outlineWidth: 4,
// FILL填充文字 outLine勾勒标签 FILL_AND_OUtLine填充文字和勾勒标签
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
// 设置文字的偏移量
pixelOffset: new Cesium.Cartesian2(0, -24),
// 设置文字的显示位置 left right center
horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
// 设置文字的显示位置
verticalOrigin: Cesium.VerticalOrigin.BOTTOM
},
billboard: {
image: './texture/vip.png',
width: 50,
height: 50,
// 设置广告牌的显示位置
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
// 设置广告牌的显示位置
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
}
})
cesium添加标签与广告牌在线演示
演示地址:cesium添加标签与广告牌
当前内容为观看threejs视频课程 Three.js可视化企业实战WEBGL课 课程-cesium添加标签与广告牌-实践的学习笔记