Cesium标点
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标点的更多相关文章
- Cesium的Property机制总结[转]
https://www.jianshu.com/p/f0b47997224c 前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data).该 ...
- Cesium的Property机制总结
前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data).该文文末简单提到了Cesium的Property机制,然后话锋一转,宣告此教程的 ...
- 转载:Cesium的Property机制总结
转自:https://www.jianshu.com/p/f0b47997224c 前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data ...
- Cesium鼠标事件
computed: { handler() { return new this.Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas) } } ...
- cesium入门示例-探测效果
动画实现方式通过多个canvas实现,参考的https://www.yueyanshaosun.cn/ysCesium/views/5_geometricObj2_entityCanvas.html ...
- 【Cesium 颜狗初步】fabric 材质定义与自定义着色器实践
fabric 材质定义:着色器实践 1. 示例代码 贴到沙盒里就可以运行: var viewer = new Cesium.Viewer("cesiumContainer"); v ...
- cesium 3dtiles模型单体化点击高亮效果
前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. c ...
- Cesium入门8 - Configuring the Scene - 配置视窗
Cesium入门8 - Configuring the Scene - 配置视窗 Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coini ...
- Cesium DrawCommand [1] 不谈地球 画个三角形
目录 0. 前言 0.1. 源码中的 DrawCommand 1. 创建 1.1. 构成要素 - VertexArray 1.2. 构成要素 - ShaderProgram 1.3. 构成要素 - W ...
随机推荐
- Charles抓取https
步骤一:将Charles的根证书(Charles Root Certificates)安装到Mac上. Help -> SSL Proxying -> Install Charles Ro ...
- POI 单元格类型CellType
1.单元格类型 单元格的内容决定了单元格的类型,POI中定义的7种单元格类型: 2.示例 cell_0.setCellType(CellType.STRING);//字符串 日期数据对应的单元格类型是 ...
- jsc2019_qualE Card Collector
题目大意 给你n个点的坐标和权值 问先在每一行选一个点再在每一列选一个没选过的点 求最大权值和 分析 可以想到将点转化为边,将两个坐标对应两个点 所以问题转化为选H+W个边 使得所有边的度都不为0 则 ...
- rssi pdf 单双峰正态发布 与 定位
- .NETFramework:System.Collections.Generic.KeyValuePair.cs
ylbtech-.NETFramework:System.Collections.Generic.KeyValuePair.cs 定义可设置或检索的键/值对 1.返回顶部 1. #region 程序集 ...
- 【SQL SERVER】常见问题
[账户] 偷懒默认安装了全部默认功能到虚拟服务器上,所以并没有设置sa账户的过程,自然只能从windows身份验证进入数据库.于是还得自己来为sa账户添加登陆权限. 步骤如下: 1. windows身 ...
- L2 Regularization for Neural Nerworks
L2 Regularization是解决Variance(Overfitting)问题的方案之一,在Neural Network领域里通常还有Drop Out, L1 Regularization等. ...
- C# 中定义斜杠 \
\ 是转义符 如 \’ 单引号 \” 双引号 \\ 反斜杠 \0 空 \a 警告(产生峰鸣) \b 退格 \f 换页 \n 换行 \r 回车 ...
- CSS中设置字体样式
<style type="text/css"> body{ font-family: SimHei,"微软雅黑",sans-serif; } < ...
- 20190825 On Java8 第十三章 函数式编程
第十三章 函数式编程 函数式编程语言操纵代码片段就像操作数据一样容易. 虽然 Java 不是函数式语言,但 Java 8 Lambda 表达式和方法引用 (Method References) 允许你 ...