Subtitles
查阅Cesium API

new mars3d.control.Subtitles(options)
control/Subtitles.js 34

字幕 控件

参数名称 类型 描述信息
options object 可选

参数对象，包括以下：

参数名称 类型 默认值 描述信息
list Array.<Subtitles.Item> 可选

字幕列表
className string 可选

样式名称，可以外部自定义样式。
style object 可选

可以传任意CSS样式值，如:

参数名称 类型 描述信息
top string 可选

css定位top位置, 如 top: '10px'
bottom string 可选

css定位bottom位置，支持配置'toolbar'自动跟随Toolbar
left string 可选

css定位left位置
right string 可选

css定位right位置
id string | number createGuid() 可选

对象的id标识
enabled boolean true 可选

对象的启用状态
parentContainer HTMLElement 可选

控件加入的父容器，默认为map所在的DOM map.container
insertIndex number 可选

可以自定义插入到父容器中的index顺序，默认是插入到最后面。
insertBefore HTMLElement | string 可选

可以自定义插入到指定兄弟容器的前面，与insertIndex二选一。

继承自

属性值

只读 container : HTMLElement
control/BaseControl.js 66

当前控件的DOM对象

继承自:

count : number
control/Subtitles.js 77

总任务数

currentIndex : number
control/Subtitles.js 69

当前在执行的任务index顺序

currentTime : number
control/Subtitles.js 61

当前时间秒数 (相当于map.clock.startTime的秒数)

只读 duration : number
control/Subtitles.js 86

总时长 秒数

enabled : boolean
core/BaseThing.js 99

设置对象的启用和禁用状态。

继承自:

只读 id : string|number
core/BaseThing.js 86

对象的id标识

继承自:

只读 isAdded : boolean
core/BaseThing.js 67

是否已添加到地图

继承自:

只读 isDestroy : boolean
core/BaseThing.js 77

是否已经销毁了

继承自:

list : Array.<Subtitles.Item>
control/Subtitles.js 98

字幕列表

只读 listRun : Array.<TaskItem>
control/Subtitles.js 112

实例化后的字幕对象列表

只读 parentContainer : HTMLElement
control/BaseControl.js 75

父容器DOM对象

继承自:

只读 parentContainerId : string
control/BaseControl.js 87

父容器DOM对象的ID

继承自:

show : boolean
control/BaseControl.js 35

设置DOM容器的显示隐藏

继承自:

只读 state : State
core/BaseThing.js 56

当前对象的状态

继承自:

只读 type : string
control/BaseControl.js 57

控件类型

继承自:

方法

abstract _addedHook() → void
control/BaseControl.js 301

对象添加到地图上的创建钩子方法， 每次add时都会调用

返回值:

无

继承自:

abstract _mountedHook() → void
control/BaseControl.js 291

对象添加到地图前创建一些对象的钩子方法， 只会调用一次

返回值:

无

继承自:

abstract _removedHook() → void
control/BaseControl.js 311

对象从地图上移除的创建钩子方法， 每次remove时都会调用

返回值:

无

继承自:

addItem(item) → void
control/Subtitles.js 151

添加单个字幕

参数名称 类型 描述信息
item object

单个字幕参数
返回值:

字幕对象

addTo(map) → BaseControl
control/BaseControl.js 162

添加到地图上，同 map.addControl

参数名称 类型 描述信息
map Map

地图对象
返回值:

当前对象本身，可以链式调用

继承自:

disableAll() → void
control/Subtitles.js 234

释放所有子任务

返回值:

getItemById(id) → TaskItem
control/Subtitles.js 136

根据id获取字幕对象

参数名称 类型 描述信息
id number | string

id值
返回值:

字幕对象

getLangText(key) → string
control/BaseControl.js 444

获取当前key对应语言的文本内容。

参数名称 类型 描述信息
key string

文本key
返回值:

lang参数指定的对应文本内容

继承自:

reload() → void
control/BaseControl.js 139

重新加载

返回值:

无

继承自:

remove(destroy) → void
control/BaseControl.js 175

从地图上移除，同map.removeControl

参数名称 类型 描述信息
destroy boolean 可选

是否调用destroy释放
返回值:

无

继承自:

removeItem(id) → boolean
control/Subtitles.js 182

根据id删除字幕对象

参数名称 类型 描述信息
id number | string

id值
返回值:

是否成功

setOptions(options, funOptions) → BaseThing|BaseControl|object
core/BaseThing.js 246

更新图层参数

参数名称 类型 描述信息
options object

与类的构造方法参数相同
funOptions object 可选

方法参数

参数名称 类型 默认值 描述信息
merge boolean true 可选

是否合并参数, 如是完整覆盖不合并老的options，请传入fasle
返回值:

当前对象本身，可以链式调用

继承自:

setStyle(style) → void
control/BaseControl.js 330

设置新的css样式信息

参数名称 类型 描述信息
style object

css样式
返回值:

无

继承自:

toJSON() → object
core/BaseThing.js 268

将对象转为Json简单对象，用于存储后再传参加载

返回值:

Json简单对象

继承自:

updateItem(item) → boolean
control/Subtitles.js 161

更新单个字幕

参数名称 类型 描述信息
item object

单个字幕参数
返回值:

是否成功

定义的类型

mars3d.control.Subtitles.Item
control/Subtitles.js 8

任务列表 支持的参数信息

属性:
属性名称 类型 可选 默认值 描述信息
text number <可选>

文本内容
start number <可选>

开始时间(相当于map.clock.startTime的秒数)
stop number <可选>

停止时间(相当于map.clock.startTime的秒数)
duration number <可选>

时长秒数，当没有配置stop时，内部自动算：stop= start + duration
delay number <可选>

延迟执行秒数，当没有配置start时，内部自动算：start=前一个的stop + delay
id string | number <可选>
 createGuid()

字幕id标识
show boolean <可选>
 true

字幕是否禁用，可以设置临时跳过这个字幕
使用示例:
有下面几种使用场景，按需使用即可：
方式1：(start+stop)
{ text: "我是第1句话",start: 3, stop: 9 },//对应start:3-stop:9

方式2：(start+duration)
{ text: "我是第1句话", start: 3, duration: 6 }, //对应start:3-stop:9

方式3：(duration+delay), 这种方式是队列式便于整体移动修改
{ text: "我是第1句话", duration: 1, delay: 0 }, //对应start:0-stop:1
{ text: "我是第2句话", duration: 6, delay: 2 }, //对应start:3-stop:9
下载离线API文档