• Ajax
  • Ant design
  • Axios-Fetch
  • Avue
  • Browser
  • Canvas
  • CSS
  • Dos-bat
  • Dva
  • Dedecms
  • Echart
  • ElementUI
  • Editors
  • Git
  • GeoServer
  • GIS
  • H5
  • Jquery
  • Java安卓
  • Json
  • Javascript
  • Leaflet
  • Linux
  • Life-Info
  • Mock
  • MongoDB
  • Network
  • NodeJS
  • NPM
  • React
  • 设计运营
  • SEO
  • SVG
  • TypeScript
  • Tools
  • umi
  • uni-APP
  • Vant
  • Vue
  • Windows
  • webpack
  • 位置:OC中文网 > Cesium >

    cesium的entity.label属性的设置参数解释

    来源:直接复制网 时间:12-13

     cesium添加实体时候,会涉及到添加的文字注释,即会涉及到label属性。

    1. function setProperties() { 
    2.   var entity = viewer.entities.add({ 
    3.     position: Cesium.Cartesian3.fromDegrees( 
    4.       -75.1641667, 
    5.       39.9522222, 
    6.       300000.0 
    7.     ), 
    8.     label: { 
    9.       text: "Philadelphia",  //设置文字内容
    10.       backgroundPadding:new Cesium.Cartesian2(100, 20),  //设置背景内边距
    11.       font: "24px Helvetica",  //设置文字大小和字体
    12.       fillColor: Cesium.Color.SKYBLUE, //设置文字填充的颜色
    13.       outlineColor: Cesium.Color.BLACK,  //设置外框颜色
    14.       outlineWidth: 2,  //设置外框大小
    15.       style: Cesium.LabelStyle.FILL_AND_OUTLINE, //填充方式,内外都填充
    16.       scale : 2.0,  //设置放大缩小 
    17.       showBackground : true,  //显示背景颜色 
    18. scaleByDistance: new Cesium.NearFarScalar( //视角近远影响文字扩大状态
    19. 1.5e2,
    20. 5.0,
    21. 1.5e7,
    22. 0.5
    23. ),
    24. translucencyByDistance: new Cesium.NearFarScalar( //视角近远影响透明度 1.5e5, 1.0, 1.5e7, 0.0 ),
    25.     }, 
    26.   }); 
    27.  
    28.   //entity.label.scale = 1.0;  设置放大缩小 
    29.   //entity.label.showBackground = true; 显示背景颜色 

    文字动画

    1. function animateLabel() { 
    2.   var entity = viewer.entities.add({ 
    3.     position: Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222), 
    4.     label: { 
    5.       text: "Philadelphia"
    6.       outlineColor: Cesium.Color.BLACK, 
    7.       outlineWidth: 0, 
    8.       style: Cesium.LabelStyle.FILL_AND_OUTLINE, 
    9.     }, 
    10.   }); 
    11.  
    12.   var outlineDelta = 0.1; 
    13.   var fontDelta = -1.0; 
    14.   var fontSize = 20.0; 
    15.   var minFontSize = 1.0; 
    16.   var maxFontSize = 48.0; 
    17.  
    18.   labelListenerCallback = viewer.scene.preUpdate.addEventListener( 
    19.     function (scene, time) { 
    20.       entity.label.outlineWidth += outlineDelta; 
    21.       if ( 
    22.         entity.label.outlineWidth >= 4.0 || 
    23.         entity.label.outlineWidth <= 0.0 
    24.       ) { 
    25.         outlineDelta *= -1.0; 
    26.       } 
    27.  
    28.       fontSize += fontDelta; 
    29.       if (fontSize >= maxFontSize || fontSize <= minFontSize) { 
    30.         fontDelta *= -1.0; 
    31.       } 
    32.       entity.label.font = fontSize + "px Calibri"
    33.     } 
    34.   ); 
    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 服务(图文详解)