Home Github Example

Class

Css3Renderer

Css3Renderer(elements, isBackHide)

Constructor

# new Css3Renderer(elements, isBackHide)

全局类： 通过html标签构建信息框

Parameters:
Name Type Description
elements Array
id string
position Array

坐标
element string

字符串html 标签
offset Array

偏移
isBackHide boolean

是否超出视野隐藏
Example
new Cesium.Scene.Css3Renderer([{
              id: 'box4',
              position: [104.08985268964015, 30.635443158056148, 50.0],
              element: `<div class="ys-css3-box ex-box" id="box4">xxx 信息点</div>`,
              offset: [10, 10]
            }], true);

Methods

# addEntityLayer(object)

新增layer实例

Parameters:
Name Type Description
object object
id string
position Array

坐标
element string

html 标签字符串
offset Array

偏移
boxShow boolean

是否构建box 实例
circleShow boolean

是否构建椭圆实例
Example
let css3Renderer = new Cesium.Scene.Css3Renderer([], true);
          css3Renderer.addEntityLayer({
            position: [104.06417395476578, 30.636185094244944, 30.0],//高度为 boxHeightMax
            element: `<div class='ysc-dynamic-layer ys-css3-box'>
                  <div class='line'></div>
                  <div class='main' style="font-size:20px">
                            <div class="" style="color:#ff9800">信息点</div>
                          <div class=""> 鑫鑫大厦 </div>
                    </div>
              </div>`,
            offset: [10, -250],
            boxShow: false,
            circleShow: false,
          })