cesium的entity.label属性的设置参数解释
来源:直接复制网 时间:12-13
cesium添加实体时候,会涉及到添加的文字注释,即会涉及到label属性。
![](/uploads/2110/2_211008182404_1.png)
- function setProperties() {
- var entity = viewer.entities.add({
- position: Cesium.Cartesian3.fromDegrees(
- -75.1641667,
- 39.9522222,
- 300000.0
- ),
- label: {
- text: "Philadelphia", //设置文字内容
- backgroundPadding:new Cesium.Cartesian2(100, 20), //设置背景内边距
- font: "24px Helvetica", //设置文字大小和字体
- fillColor: Cesium.Color.SKYBLUE, //设置文字填充的颜色
- outlineColor: Cesium.Color.BLACK, //设置外框颜色
- outlineWidth: 2, //设置外框大小
- style: Cesium.LabelStyle.FILL_AND_OUTLINE, //填充方式,内外都填充
- scale : 2.0, //设置放大缩小
- showBackground : true, //显示背景颜色
- scaleByDistance: new Cesium.NearFarScalar( //视角近远影响文字扩大状态
- 1.5e2,
- 5.0,
- 1.5e7,
- 0.5
- ),
translucencyByDistance: new Cesium.NearFarScalar( //视角近远影响透明度 1.5e5, 1.0, 1.5e7, 0.0 ),- },
- });
- //entity.label.scale = 1.0; 设置放大缩小
- //entity.label.showBackground = true; 显示背景颜色
- }
文字动画
- function animateLabel() {
- var entity = viewer.entities.add({
- position: Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
- label: {
- text: "Philadelphia",
- outlineColor: Cesium.Color.BLACK,
- outlineWidth: 0,
- style: Cesium.LabelStyle.FILL_AND_OUTLINE,
- },
- });
- var outlineDelta = 0.1;
- var fontDelta = -1.0;
- var fontSize = 20.0;
- var minFontSize = 1.0;
- var maxFontSize = 48.0;
- labelListenerCallback = viewer.scene.preUpdate.addEventListener(
- function (scene, time) {
- entity.label.outlineWidth += outlineDelta;
- if (
- entity.label.outlineWidth >= 4.0 ||
- entity.label.outlineWidth <= 0.0
- ) {
- outlineDelta *= -1.0;
- }
- fontSize += fontDelta;
- if (fontSize >= maxFontSize || fontSize <= minFontSize) {
- fontDelta *= -1.0;
- }
- entity.label.font = fontSize + "px Calibri";
- }
- );
- }
Cesium设置面Entity高亮显示
Cesium 鼠标响应事件交互代码示例大全
Cesium 测量高度示例
Cesium:entity闪烁(点、面以及billboard)
cesium点击实体弹窗,弹窗信息如影追随示例
cesium 点击某点气泡弹窗的实现示例
解决cesium中label 被遮挡的问题(好用方法)
Cesium billboard,point ...被遮挡的解决办法
cesium调用geoserver发布的TIFF文件代码
julianDate与Date之间的转换关系
cesium中点击事件this的错误指向问题
cesium 实体Entity 的增,删,查
Cesium加载地形(dem高程)数据的示例
cesium常用的坐标变换代码
cesium切换2D,3D,哥伦布模式的js方法
cesium隐藏太阳、月亮,修改默认地球大小
cesium鼠标事件
cesium改变timeline和animation样式
Cesium禁止缩放、旋转、平移方法
cesium小控件显示隐藏的两种方法
Cesium设置颜色的六种方法
cesium不想显示infobox方法
Cesium常用坐标系统和转换
cesium矩阵和方位角heading ,pitch, roll的相互转换
cesium三种定位跳转方式
cesium设置多种材质的方法
Cesium删除图层的方法
Cesium隐藏地球底图,更改颜色
cesium上鼠标操作,地图旋转、平移、放缩
cesium去除lcesium ion logo的两种方法
Cesium默认贴图编号,修改贴图方式
Cesium背景透明并显示背景图vue代码示例
Cesium改变时间轴时间为北京时间(UTC+8)
Cesium资料链接备忘录
vue-cli3/4 安装配置Cesium运行环境(两种方法)
申请Cesium ion 图文指南
Cesium加载Geoserver发布的WMTS服务(图文详解)
Cesium加载Geoserver发布的 WMS 服务(图文详解)