forked from SuperMap/iClient-JavaScript
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathDataFlowLayer.js
More file actions
165 lines (155 loc) · 6.56 KB
/
DataFlowLayer.js
File metadata and controls
165 lines (155 loc) · 6.56 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
/* Copyright© 2000 - 2020 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 '../core/Base';
import {
DataFlowService
} from "../services/DataFlowService";
import {
MapvRenderer
} from './dataflow/MapvRenderer';
import {
NormalRenderer
} from './dataflow/NormalRenderer';
/**
* @class L.supermap.dataFlowLayer
* @classdesc 数据流图层源。订阅SuperMap iServer 数据流服务并上图。订阅得到的数据会根据 `options.idField` 自动更新。
* @category iServer DataFlow
* @extends {L.LayerGroup}
* @param {string} url - SuperMap iServer 数据流服务地址，例如：http://localhost:8090/iserver/services/dataflowTest/dataflow。
* @param {Object} options - 设置图层参数。
* @param {Object} [options.render='normal'] - 绘制方式。可选值为'normal'，'mapv'。
'normal' 表示以 {( {@link L.LatLng}|{@link L.Polyline}|{@link L.Polygon}|{@link L.Marker} )} 方式绘制数据流。'mapv' 表示以 {@link L.supermap.mapVLayer} 方式绘制实时数据。
* @param {GeoJSONObject} [options.geometry] - 指定几何范围，该范围内的要素才能被订阅。
* @param {Object} [options.prjCoordSys] - 投影坐标对象。
* @param {string} [options.excludeField] - 排除字段。
* @param {string} [options.idField='id'] - 要素属性中表示唯一标识的字段。
* @param {Function} [options.pointToLayer] - 定义点要素如何绘制在地图上。
`function(geoJsonPoint, latlng) {
return L.marker(latlng);
}`
* @param {Function} [options.style] - 定义点、线、面要素样式。参数为{@link L.Path-option}。</br>
`function (feature) {
return {
fillColor: "red",
fillOpacity: 1,
radius: 6,
weight: 0
};
}`
* @param {function|number} [options.deg] - 定义图标的旋转角度。`options.render` 为 `mapv` 时有效。</br>
`function (feature,latlng) {
return feature.properties['rotate'];
}`
* @fires L.supermap.dataFlowLayer#subscribesucceeded
* @fires L.supermap.dataFlowLayer#subscribefailed
* @fires L.supermap.dataFlowLayer#setfilterparamsucceeded
* @fires L.supermap.dataFlowLayer#dataupdated
*/
export var DataFlowLayer = L.LayerGroup.extend({
options: {
geometry: null,
prjCoordSys: null,
excludeField: null,
idField: "id",
render: 'normal'
},
initialize: function (url, options) {
options = options || {};
L.Util.setOptions(this, options);
this.url = url;
this._layers = {};
this.dataService = new DataFlowService(this.url, {
geometry: this.options.geometry,
prjCoordSys: this.options.prjCoordSys,
excludeField: this.options.excludeField
})
},
/**
* @private
* @function L.supermap.dataFlowLayer.prototype.onAdd
* @description 添加地图。
* @param {L.Map} map - 待添加的地图。
*/
onAdd: function (map) { // eslint-disable-line no-unused-vars
this.dataService.initSubscribe();
/**
* @event L.supermap.dataFlowLayer#subscribesucceeded
* @description 初始化成功后触发。
* @property {Object} e - 事件对象。
*/
this.dataService.on('subscribeSocketConnected', (e) => this.fire("subscribesucceeded", e));
/**
* @event L.supermap.dataFlowLayer#subscribefailed
* @description 初始化失败后触发。
* @property {Object} e - 事件对象。
*/
this.dataService.on('subscribeSocketError', (e) => this.fire("subscribefailed", e))
this.dataService.on('messageSucceeded', (msg) => this._onMessageSuccessed(msg));
/**
* @event L.supermap.dataFlowLayer#setfilterparamsucceeded
* @description 过滤参数设置成功后触发。
* @property {Object} e - 事件对象。
*/
this.dataService.on('setFilterParamSucceeded', (msg) => this.fire("setfilterparamsucceeded", msg));
if (this.options.render === 'mapv') {
this.addLayer(new MapvRenderer(this.url, this.options));
} else {
this.addLayer(new NormalRenderer(this.url, this.options));
}
L.LayerGroup.prototype.onAdd.call(this, map);
},
/**
* @private
* @function L.supermap.dataFlowLayer.prototype.onRemove
* @description 删除指定地图。
* @param {L.Map} map - 待删除的地图。
*/
onRemove: function (map) { // eslint-disable-line no-unused-vars
L.LayerGroup.prototype.onRemove.call(this, map);
this.dataService && this.dataService.unSubscribe();
},
/**
* @function L.supermap.dataFlowLayer.prototype.setExcludeField
* @description 设置唯一字段。
* @param {string} excludeField - 唯一字段。
*/
setExcludeField: function (excludeField) {
this.dataService.setExcludeField(excludeField);
this.options.excludeField = excludeField;
return this;
},
/**
* @function L.supermap.dataFlowLayer.prototype.setGeometry
* @description 设置集合要素。
* @param {GeoJSONObject} geometry - 待设置的 GeoJSON 几何要素对象。
*/
setGeometry: function (geometry) {
this.dataService.setGeometry(geometry);
this.options.geometry = geometry;
return this;
},
_onMessageSuccessed: function (msg) {
this.getLayers().map((layer) => {
if (layer.onMessageSuccessed) {
layer.onMessageSuccessed(msg);
/**
* @description 图层数据更新成功后触发。
* @event L.supermap.dataFlowLayer#dataupdated
* @property {Object} layer - 更新数据成功的图层。
* @property {Object} data - 更新的要素。
*/
this.fire("dataupdated", {
layer: layer,
data: msg.featureResult
});
}
return layer;
})
}
});
export var dataFlowLayer = function (url, options) {
return new DataFlowLayer(url, options);
};
L.supermap.dataFlowLayer = dataFlowLayer;