首页 > 其他分享 >Cesium label 换行

Cesium label 换行

时间:2023-02-24 10:47:38浏览次数:31  
标签:换行 0.6 result textTipsArr Cesium new label

字符串中加换行符 "\n"

label:{
              //文字标签
              text: new Cesium.CallbackProperty((result) => {
                let textTipsArr = textTips;
                if (textTipsArr.length > 10) {
                //模拟文字换行,将字符串拆成两段
                  let a = textTipsArr.slice(0, 8);
                  let b = textTipsArr.slice(8);
                  result = a + "\n" + b
                } else {
                  result = textTipsArr
                }
                return result;
              },false),
              // text: ''+textTips,
              font: '500 30px Helvetica',// 15pt monospace
              scale: 0.6,
              style: Cesium.LabelStyle.FILL,
              fillColor: Cesium.Color.WHITE,
              pixelOffset: new Cesium.Cartesian2(7, 13), //偏移量 
              showBackground: true,
              backgroundColor: new Cesium.Color.fromCssColorString('#6ab4fff2'),
              maximumScale: 0.6,
              minimumScale: 0.6,
              disableDepthTestDistance:99000000,
              heightReference:Cesium.HeightReference.CLAMP_TO_GROUND,
 }

标签:换行,0.6,result,textTipsArr,Cesium,new,label
From: https://www.cnblogs.com/hustshu/p/17150432.html

相关文章

  • cesium 颜色赋值
     constline2=newCesium.Primitive({      geometryInstances:newCesium.GeometryInstance({        geometry:newCesium.Polyline......
  • Cesium 键盘漫游
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>键盘场景漫游</title><scripttype="text/javascript"src="https://cdnjs.cloud......
  • Cesium JulianDate(十八)
    代表天文朱利安日期,它是自4712年1月1日(公元前4713年)正午以来的天数。为了提高精度,该类存储的日期部分和秒数部分是分开的。并且为了算术安全和表示闰秒,该日期始终存储在国......
  • Cesium1学习
    1:中文文档地址:Cesium中文api文档|Index-CesiumDocumentation2:初始化镜头(飞行到某个位置)viewer.camera.flyTo({destination:Cesium.Cartesian3.fromDegrees(121......
  • # vue2 使用 cesium 篇
    vue2使用cesium篇今天好好写一篇哈,之前写的半死不活的。首先说明:这篇博文是我边做边写的,小白也是,实现效果会同时发布截图,如果没有实现也会说明,仅仅作为技术积累,选择性......
  • Vue前端框架Element 的form表单项el-form-item的label中空格不起效和多个空格只显示一
    搜索了一下,大部分是说使用slot解决,但是使用&nbsp;&nbsp;只显示一个后又看到一篇文章Vue使用&nbsp空白占位符-钟小嘿-博客园(cnblogs.com)使用转义,但要用v-html,......
  • break label 用法:跳出多重嵌套循环
    今天在看别人代码的时候看到一个之前没注意到的break用法:breaklabel。我们都知道break的用法,是用来跳出所在的循环,处理代码如下:publicclassBreakTest{publi......
  • error: a label can only be part of a statement and a declaration is not a statem
    原因是由于我在case之后进行变量的声明而导致的错误对此问题的分析:由于switch的几个case语句在同一个作用域(因为case语句只是标签,它们共属于一个swtich语句块),所以如果......
  • 00022.11 换行问题
    系列文章目录文章目录​​系列文章目录​​​​前言​​​​总结​​前言\r\n在C系列的软件是两个步骤\r表示这行结束(本行结束)\n把光标移动到下一行在C语言里面(记事......
  • vue + cesium 洪水淹没分析完整示例_向着太阳往前冲的博客
    目录一、洪水淹没分析效果二、部分核心代码1、绘制多边形范围2、处理多边形区域的最大和最小高程三、JS完整代码一、洪水淹没分析效果二、部分核心代码1、绘制多......