Map
地图组件
Legend1
图例
线路类型
500kV
220kV
110kV
vue
<Legend1>
<template #title>
图例
</template>
<!-- 图例额外内容 -->
</Legend1>
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
legendGroup | Array | null | 图例分组 |
layerList | Array | [] | 图层列表 |
defineExpose | 说明 |
---|---|
showLegend | 图例是否显示 |
getSceneLegend | 获取图例 |
js
// 图层分组示例
const layerGroupExample = [
{
groupTitle: '线路类型',
legendList: [
{ group: '线路', type: 'icon', code: 'xiexian', title: '500kV', color: '#B94842' },
{ type: 'icon', code: 'xiexian', color: '#2384DD', title: '220kV', group: '线路' },
{ group: '线路', title: '110kV', type: 'icon', code: 'xiexian', color: '#3EC65B' }
]
}
]
Timeline1
vue
<Timeline1 />
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
data | Array | [] | 时间轴数据 |
label | String | 'time' | 时间轴标签字段 |
interval | Number | 500 | 时间轴间隔,单位:毫秒 |
MapTitle
标题 · 副标题
第三标题
vue
<MapTitle mainTitle="标题" secondTitle="副标题" thirdTitle="第三标题" />
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
mainTitle | String | 标题 | 标题 |
secondTitle | String | 副标题 | 副标题 |
thirdTitle | String | 第三标题 | 第三标题 |