首页 > 其他 > 详细

Cesium标点

时间:2020-04-21 17:19:28      阅读:106      评论:0      收藏:0      [点我收藏+]

let startPoint = this.viewer.entities.add( //viewer.entities.add 添加实体的方法 { name: ‘测量距离‘, //这个属性跟页面显示的内容没有关系,只是一个属性 position: this.Cesium.Cartesian3.fromDegress(longitude, latitude, height), point: { //表示点 heightReference: this.Cesium.HeightReference.CLAMP_TO_GROUND, color: this.Cesium.Color.WHITE, //点的颜色 pixelSize: 6, //点的大小 outlineColor: this.Cesium.Color.RED, //就是所谓的border-color outlineWidth: 2 //border-width }, label: { //表示点的描述 text: "起点", //点的文字 font: ‘14pt Source Han Sans CN‘, //文字的大小和字体 fillColor: _this.Cesium.Color.RED, //文字的颜色

注意,这里的this.Cesium.Color后面只能接颜色的英文,不能接十六进制的颜色
                    如果你需要用到十六进制的颜色,可以使用这样来表示:
fillColor: this.Cesium.Color.fromCssColorString(‘#f00‘)
backgroundColor: _this.Cesium.Color.AQUA,    //给文字添加背景颜色
                    showBackground: true,                        //若是想给文字添加背景颜色 这行必不可少
                    style: this.Cesium.LabelStyle.FILL_AND_OUTLINE,
                    outlineWidth: 3,
                    //垂直位置
                    heightReference: this.Cesium.HeightReference.NONE,
                    verticalOrigin: this.Cesium.VerticalOrigin.TOP,
                    pixelOffset: new this.Cesium.Cartesian2(0, 10)     //偏移度 0 表示x轴上的偏移量 10表示y轴上的偏移量
                  }
                }
            )
( 我这里用this.Cesium 是因为我配置了Cesuim的全局变量,如果没有配置的就直接Cesium.就可以 )

Cesium标点

原文:https://www.cnblogs.com/reround/p/12745068.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!