forked from SuperMap/iClient-JavaScript
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathGraphMap.js
More file actions
94 lines (90 loc) · 4.08 KB
/
GraphMap.js
File metadata and controls
94 lines (90 loc) · 4.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/* Copyright© 2000 - 2023 SuperMap Software Co.Ltd. All rights reserved.
* This program are made available under the terms of the Apache License, Version 2.0
* which accompanies this distribution and is available at http://www.apache.org/licenses/LICENSE-2.0.html.*/
import L from 'leaflet';
import { KnowledgeGraphService } from '../services/KnowledgeGraphService';
import { KnowledgeGraph } from '@supermap/iclient-common/overlay/KnowledgeGraph';
import { transformExpandCollapseHiddenData } from '@supermap/iclient-common/overlay/knowledge-graph/format';
/**
* @class GraphMap
* @classdesc 对接 SuperMap iServer GraphMap，即 SuperMap iServer 中的知识图谱图文档，此类提供了知识图谱的服务地址、配置项等参数。
* 配置项包括：知识图谱的尺寸、中心点、缩放比例、布局、节点配置、边配置、高亮样式、拖拽设置等参数。
* @category iServer KnowledgeGraph
* @version 11.1.0
* @extends {L.Evented}
* @param {string} serverUrl - GraphMap 服务地址，例如：http://{iserver}/services/{knowledgeGraph-provider}/restjsr/graph/graphmaps/{graphmap}。
* @param {Object} [options] - 参数。
* @param {KnowledgeGraph.Config} [options.config] - KnowledgeGraph 的配置项。
* @param {string} [options.proxy] - 服务代理地址。
* @param {boolean} [options.withCredentials=false] - 请求是否携带 cookie。
* @param {boolean} [options.crossOrigin] - 是否允许跨域请求。
* @param {Object} [options.headers] - 请求头。
* @fires GraphMap#loaded
* @extends {L.Evented}
* @usage
*/
export class GraphMap extends L.Evented {
initialize(serverUrl, options) {
if (!serverUrl) {
return;
}
/**
* @member GraphMap.prototype.graph
* @description KnowledgeGraph 的实例。
*
*/
this.graph = null;
/**
* @member GraphMap.prototype.EVENT_TYPES
* @description 监听一个自定义事件可用如下方式:
*
* 支持的事件如下:
* loaded - 渲染完成时触发。
*/
this.EVENT_TYPES = ['loaded'];
const graphMapName = serverUrl.split('/').pop();
this.url = serverUrl.replace(`/graphmaps/${graphMapName}`, '');
this.createGraphMap(graphMapName, options);
}
/**
* @private
* @function GraphMap.prototype.createGraphMap
* @description 创建图谱。
* @param {string} graphMapName - 图谱名称。
* @param {Object} options - 配置项。
* @param {string} [options.proxy] - 服务代理地址。
* @param {boolean} [options.withCredentials=false] - 请求是否携带 cookie。
* @param {boolean} [options.crossOrigin] - 是否允许跨域请求。
* @param {Object} [options.headers] - 请求头。
* @param {KnowledgeGraph.Config} [options.config] - knowledgegraph 配置项。
*/
async createGraphMap(graphMapName, options) {
this.knowledgeGraphService = this.createKnowledgeGraphService(this.url, options);
const res = await this.knowledgeGraphService.getGraphMapData(graphMapName);
const result = KnowledgeGraph.dataFromGraphMap(res.data, res.graphMap);
this.graph = new KnowledgeGraph(options && options.config);
this.graph.on('beforelayout', () => {
/**
* @event GraphMap#loaded
* @description 渲染完成时触发。
*/
this.fire(this.EVENT_TYPES[0]);
});
this.graph.setData(result);
this.graph.handleNodeStatus(transformExpandCollapseHiddenData(res.graphMap));
}
/**
* @private
* @function GraphMap.prototype.createKnowledgeGraphService
* @description 创建 KnowledgeGraphService 实例。
* @param {string} serverUrl - GraphMap 服务地址，例如：http://{iserver}/services/knowledgeGraph-test/restjsr/graph
* @param {Object} options - 参数。
* @param {string} [options.proxy] - 服务代理地址。
* @param {boolean} [options.withCredentials=false] - 请求是否携带 cookie。
* @param {boolean} [options.crossOrigin] - 是否允许跨域请求。
* @param {Object} [options.headers] - 请求头。
*/
createKnowledgeGraphService(serverUrl, options) {
return new KnowledgeGraphService(serverUrl, options);
}
}