3.6 KiB
3.6 KiB
图层切换树组件配置文件说明
treeConfig.json: 主页及其二级页面图层切换树结构,具体可以看现有示例。
{
homePage: [ //homePage、positionEquipment、airspace... :主页及其二级页面名称
{
"name": "全部" //名称:全部、阵地设备、... (必须)
"show": false //初始化显隐状态 (必须)
"icon": "qb.png" //图标,位置在views/mapControl/map/map.js (必须)
"type": "all" //带表该节点为全部,勾选时会将其他所有节点选中状态 (非必须)
"apiParam": "1" //存在apiParam节点则认为该节点的所有子节点是通过请求接口数据,请求参数为1 (非必须)
"children": [] //二级节点,该节点不需要通过请求时,可配置静态节点,如二三维度,行政区划图层等(非必须)
"legendOptions": { //图例配置,当该节点及其子节点中展示状态时,展示图例内容(非必须)
"legendData": [//图例数据
{
"name": "适飞空域", //图例名称
"color": "rgba(126, 192, 80, 1)" //图例颜色,颜色或图标二选一
"icon": "qb.png" //图例图标,颜色或图标二选一
}
]
}
}
]
}
mapLayer.json: 请求回来的节点数据,配置图层样式及气泡等内容
{
"1": [ //图层接口请求参数对应的图层样式
"name": "反制设备", //要与接口请求回来的节点名称一直
"show": true, //现有状态
"children": [ //子节点
{
"name": "全向干扰", //子节点名称,要与接口返回对应
"show": true, //显隐状态
"popup": { //气泡配置
"templateName": "positionTemplate", //要使用的气泡模板
"width": 310, //气泡宽度
"height": 170 //气泡高度
},
"render": { //图层专题展示
"type": "simple", //简单专题,symbol数组类型时key代表数据中字段,value代表值,对象类型则有数据源中存在空间数据就行.其他类型还有circleWave(覆盖范围圆)、heatMap(热力图)、administrativeRegion(行政区划)、2D(二维)、3D(三维)等,详细看示例
"symbol": [
{
"key": "onlineStatus", //数据中的字段
"value": "0", //字段的值
"type": "point", //点类型
"style": { //点样式
"url": "fzsb-qxgr.png", //点图标
"width": 36, //图标宽度
"height": 53 //图标高度
}
},
{
"key": "onlineStatus",
"value": "1",
"type": "point",
"style": {
"url": "fzsb-qxgr-off.png",
"width": 36,
"height": 53
}
}
]
}
}
]
]
}
mapLayer.json
type是数据类型 circleWave(圆) point(点)
symbol是数组 里面有在线和离线的图标 通过value来区分
treeConfig.json
节点带apiParam,代表该节点的内容要通过请求覆盖
legendOptions是在图层上面展示图例
名字是根据不同的二级页面 展示不同的图层内容
在图层增加数据时 需要在所有同样的二级菜单下增加相同的数据
在iframe里面部署之后 根据配置更改的字段标识 _