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标点的更多相关文章

  1. Cesium的Property机制总结[转]

    https://www.jianshu.com/p/f0b47997224c 前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data).该 ...

  2. Cesium的Property机制总结

    前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data).该文文末简单提到了Cesium的Property机制,然后话锋一转,宣告此教程的 ...

  3. 转载:Cesium的Property机制总结

    转自:https://www.jianshu.com/p/f0b47997224c 前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data ...

  4. Cesium鼠标事件

    computed: { handler() { return new this.Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas) } } ...

  5. cesium入门示例-探测效果

    动画实现方式通过多个canvas实现,参考的https://www.yueyanshaosun.cn/ysCesium/views/5_geometricObj2_entityCanvas.html ...

  6. 【Cesium 颜狗初步】fabric 材质定义与自定义着色器实践

    fabric 材质定义:着色器实践 1. 示例代码 贴到沙盒里就可以运行: var viewer = new Cesium.Viewer("cesiumContainer"); v ...

  7. cesium 3dtiles模型单体化点击高亮效果

    前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. c ...

  8. Cesium入门8 - Configuring the Scene - 配置视窗

    Cesium入门8 - Configuring the Scene - 配置视窗 Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coini ...

  9. Cesium DrawCommand [1] 不谈地球 画个三角形

    目录 0. 前言 0.1. 源码中的 DrawCommand 1. 创建 1.1. 构成要素 - VertexArray 1.2. 构成要素 - ShaderProgram 1.3. 构成要素 - W ...

随机推荐

  1. 「THUPC 2017」机场 / Airport

    https://loj.ac/problem/2403 题解 神仙题. 练习赛的时候想了个假建图. 正解太神仙了. 先把不合法情况判掉. 先对时间离散化,每个时间点开一个点. 然后把他们一次串起来,中 ...

  2. [CSP-S模拟测试]:Tree(贪心)

    题目描述 给定一颗$n$个点的树,树边带权,试求一个排列$P$,使下式的值最大 $$\sum \limits_{i=1}^{n-1}maxflow(P_i,P_{i+1})$$ 其中$maxflow( ...

  3. (转)Centos7 yum 源安装nginx

    转:https://www.cnblogs.com/fuhai0815/p/8522868.html 一.建立nginx源 vim /etc/yum.repos.d/nginx.repo [nginx ...

  4. HDU6719 Strassen(__int128)

    HDU6719 Strassen 直接照题目模拟,数据范围最大不会超过__int128. 时间复杂度为 \(O(\log n)\) . #include<bits/stdc++.h> us ...

  5. MySQL5.7.21报错:[Err] 1055

    [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated c ...

  6. day23—JavaScript实现DIV盒子拖拽(原生方式)

    转行学开发,代码100天——2018-04-08 <!doctype html> <html> <head> <meta charset="utf- ...

  7. 16/7/11_PHP-图形图像操作

    GD库简介 GD指的是Graphic Device,PHP的GD库是用来处理图形的扩展库,通过GD库提供的一系列API,可以对图像进行处理或者直接生成新的图片. PHP除了能进行文本处理以外,通过GD ...

  8. [LeetCode] 260. Single Number III(位操作)

    传送门 Description Given an array of numbers nums, in which exactly two elements appear only once and a ...

  9. Java中的类修饰符

    资料主要来源于网络(http://60.28.60.3/zy/java-new/zhishidian/chap3/3.htm) 之前每次写小测试程序的时候,总是把一个类放在一个Java文件中,按理说这 ...

  10. vuex基本使用

    1.组件之间共享数据的方式 父向子传值:v-bind 属性绑定 子向父传值:v-on 事件绑定 兄弟组件之间共享数据:EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件 2. ...