Cesium创建图片标绘和自定义Css颜色

最近接到新的需求,要求使用Cesium上文字的颜色客户看不清楚,索性就极致了一把,让客户自定义颜色,这样你应该满意了吧!

但是Cesium的颜色是自己写了一个Color的类,比如Cesium.Color.RED,这样局限性就比较大,不能根据传入的css样式来自定义颜色。

网上找了一下没有找到相关的资料,因此官网走一波。

走进官网Document,搜索Color类,一直往下走,找了会儿就找到了Cesium.Color.fromCssColorString(_textColor)这个类

_textColor是我自定义传入css样式#001aff 比如这种格式

详细的代码如下,这是创建一个自定义图片的标绘。

_map.entities.add({
	name : name,
	id:key,
	description: "<div>位置:"+location+"</div><div>描述:"+des+"</div>",
	position : Cesium.Cartesian3.fromDegrees(loc[1]-0,loc[0]-0,height-0),
	billboard : {
		image : iconUrl,
		width : 36,
		height : 36
	},
	label : {
		text : name||'',
		font : '12px sans-serif',
		style: Cesium.LabelStyle.FILL,
		fillColor : Cesium.Color.fromCssColorString(_textColor),
		//outlineColor: Cesium.Color.BLACK,
		backgroundColor:new Cesium.Color(0.165, 0.165, 0.165, 0.8),
		showBackground:false,
		outlineWidth : 2,
		verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
		pixelOffset : new Cesium.Cartesian2(0, 30)
	}
});

效果图:

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值