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 ...
随机推荐
- vue项目适应不同屏幕做的适配器
一般宽度是1920的,但是有的电脑屏幕很窄,导致页面样式错乱,那么可以设置app.vue以及主页面里的样式宽度为1920px,超过了就auto. 如下: (app.vue) (home.vue) 原效 ...
- [CSP-S模拟测试]:reverse(数位DP)
题目描述 我们定义: $\overline{d_k...d_2d_1}=\sum \limits_{i=1}^kd_i\times {10}^{i-1}=n(d_i\in [0,9]\ and\ d_ ...
- 设置VsCode自动换行
方法如下: 文件 -> 首选项 -> 设置 如果你是Mac则是右上角 Code -> 首选项 -> 设置 然后在右侧的编辑窗口中添加 1 "editor.wordWr ...
- Vue通信、传值的多种方式,详解(都是干货)
Vue通信.传值的多种方式,详解(都是干货) 可参考博客: https://blog.csdn.net/qq_35430000/article/details/79291287
- Mac下用命令行压缩和解压rar文件的方法
废话不多说,直接进入主题 第一步:下载RAR工具包,根据自己需要下载相对应的版本 第二步:解压对应的压在的压缩包rarosx-5.4.0.tar.gz(我下载的是5.4.0版本) 第三步:从终端进入到 ...
- (\w+)\s*, \s*(\w+)
\s表示空格 \w表示任何字符,字母数字下划线 _就表示下划线
- Gitlab仓库搭建和免密使用gitlab
Gitlab简介 GitLab 是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务. 可通过Web界面进行访问公开的或者私人项目.它拥有与Github类似的 ...
- Python专题三字符串的基础知识
Python专题三字符串的基础知识 在Python中最重要的数据类型包括字符串.列表.元组和字典等.该篇主要讲述Python的字符串基础知识. 一.字符串基础 字符串指一有序的字符序列集合,用单引号. ...
- LATERAL VIEW 语法
LATERAL VIEW 使用语法 原文链接: https://www.deeplearn.me/2892.html select a.id, b.son_order_path from f_jz_c ...
- 第 11 章 python线程与多线程
一.什么是线程 在传统操作系统中,每个进程有一个地址空间,而且默认就有一个控制线程. 进程只是用来把资源集中到一起(进程只是一个资源单位,或者说资源集合),而线程才是cpu上的执行单位. 多线程(即多 ...