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 | 第三标题 | 第三标题 |