82 lines
3.6 KiB
Markdown
82 lines
3.6 KiB
Markdown
|
## 图层切换树组件配置文件说明
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
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里面部署之后 根据配置更改的字段标识 ***_***
|