Class: HtmlOverlay

HtmlOverlay

HtmlOverlay 类，用于三维上展示自定义的元素，比如：显示 gif, 显示一些自定义窗体等； 类中也定义一些比较好的模板，可以供大家使用。

const overlay = new HtmlOverlay({
  offset: [0, 0],
  title: `测试企业信息`,
  content: `<div class="data-li">
            <div class="data-label">
              实时流量：
            </div>
            <div class="data-value">
              <span class="label-num">198</span>
              <span class="label-unit">m³/s</span>
            </div>`,
  position: new Position(117.92019569, 38.01808238, 0.00083603)
});
this.$viewer.addWidget(overlay);

new HtmlOverlay(options)

widget/HtmlOverlay.js, line 34
Name Type Description
options *
Name Type Default Description
position Position

位置坐标
defTemp Boolean true optional

是否使用默认模板
className String

自定义的样式名
offset Array [0, 0] optional

xy 方向上的偏移量设置
content String | HTMLElement

默认模板的主体内容, 只用当 defTemp = true 时有用
title String | HTMLElement

默认模板的标题内容, 只用当 defTemp = true 时有用
element String | HTMLElement

需要在三维上显示的自定义元素，比如：gif动画， 注意自定义元素起作用的前提是 defTemp = false

Extends

Classes

HtmlOverlay

Members

enable

部件是否可用

id

部件唯一 id

state

部件当前状态

Methods

setContent(content)

widget/HtmlOverlay.js, line 128

设置默认模板的主体内容, 只用当 defTemp = true 时有用

Name Type Description
content *

DOM对象或字符串

inherited setPosition(position)

widget/Widget.js, line 134

设置部件位置

Name Type Description
position Position

部件位置

setTitle(content)

widget/HtmlOverlay.js, line 138

设置默认模板的标题内容, 只用当 defTemp = true 时有用

Name Type Description
content *

DOM对象或字符串