1.闵行将线调->地图用做线路规划 (b84f5d16) | Commits | 潘钊 / bsth_control

Browse Code »

Commit b84f5d16b64eca3b7cd4a12e07a8e3a85ef9954b

Authored by 王通 2022-06-28 09:17:31 +0800

1 parent 3409b06a

build: skipped

1.闵行将线调->地图用做线路规划

Inline Side-by-side

Showing 2 changed files with 584 additions and 572 deletions

src/main/resources/static/real_control_v2/mapmonitor/js/gps_tree.js

View file @b84f5d1

1	-var gb_map_gps_tree = (function () {
2	-
3	- var idBefore = 'map_tree_';
4	- var _devices;
5	-
6	- var treeObj;
7	- var jstreeChanged = function (e, node, event) {
8	- gb_map_overlay_mge.refresh();
9	- };
10	-
11	- var readyStatus;
12	-
13	- var init = function (cb) {
14	- var allGps = gb_data_gps.allGps;
15	- _devices = gb_common.get_keys(allGps);
16	- //设备树
17	- var treeData = gb_common.get_device_tree_data(allGps, idBefore);
18	- treeObj = $('.real_right_gps_panel .gps_tree_list')
19	- //节点初始化完成
20	- .on('ready.jstree', function () {
21	- //treeObj.jstree(true).open_all();
22	- //删掉tree node a标签的 href值（避免鼠标悬停浏览器出现状态条）
23	- $('.gps_tree_list .jstree-container-ul a.jstree-anchor').removeAttr('href');
24	- })
25	- //state插件状态恢复完成
26	- .on('state_ready.jstree', function () {
27	- //绑定checkbox状态切换事件
28	- treeObj.on('check_node.jstree uncheck_node.jstree', jstreeChanged);
29	- readyStatus = true;
30	- cb && cb();
31	- })
32	- .on('activate_node.jstree', function (e, n) {
33	- var node = n.node;
34	- if (node.a_attr && node.a_attr.type == 'device' && node.state.checked) {
35	- var device = node.a_attr.device;
36	- gb_map_overlay_mge._focus(device);
37	- }
38	- })
39	- .jstree({
40	- 'core': {
41	- 'data': treeData,
42	- 'check_callback': true
43	- },
44	- 'checkbox': {
45	- 'keep_selected_style': false,
46	- 'whole_node': false,
47	- 'tie_selection': false
48	- },
49	- //local storage里的key
50	- 'state': {
51	- 'key': 'jstree_map_devices'
52	- },
53	- 'plugins': ['checkbox', 'state']
54	- });
55	- };
56	-
57	- var refresh = function () {
58	- var jstreeInts = treeObj.jstree(true);
59	- var oldChecks = jstreeInts.get_checked(true);
60	- var treeData = gb_common.get_device_tree_data(gb_data_gps.allGps, idBefore);
61	- jstreeInts.settings.core.data = treeData;
62	- jstreeInts.refresh();
63	- //恢复选中状态
64	- setTimeout(function () {
65	- $.each(oldChecks, function () {
66	- jstreeInts.check_node(jstreeInts.get_node(this.a_attr.id));
67	- });
68	- }, 700);
69	- };
70	-
71	- //創建新節點
72	- var create_node = function (array, create_end_cb) {
73	- if (!isArray(array))
74	- array = [array];
75	-
76	- var jstreeInts = treeObj.jstree(true);
77	- var len = array.length, i = 0;
78	- (function () {
79	- var f = arguments.callee;
80	- if (i >= len) {
81	- create_end_cb && create_end_cb();
82	- return;
83	- }
84	-
85	- var gps = array[i],
86	- pId = idBefore + 'route_' + gps.lineId + '_' + gps.upDown;
87	- //上下行节点
88	- var routeNode = jstreeInts.get_node(pId);
89	- if (!routeNode) {
90	- //父节点不存在
91	- create_route_node(gps.lineId, function () {
92	- //重新获取上下行节点
93	- routeNode = jstreeInts.get_node(pId);
94	- appendDeviceNode(routeNode, gps, function () {
95	- _devices.push(gps.deviceId);
96	- i++;
97	- f();
98	- });
99	- });
100	- }
101	- else {
102	- appendDeviceNode(routeNode, gps, function () {
103	- _devices.push(gps.deviceId);
104	- i++;
105	- f();
106	- });
107	- }
108	- })();
109	- };
110	-
111	- //创建线路和上下行节点
112	- var create_route_node = function (lineCode, cb) {
113	- var lineName = gb_data_basic.codeToLine[lineCode].name;
114	- var id = treeObj.jstree(true).create_node('#', {
115	- 'text': lineName,
116	- 'a_attr': {'type': 'line', 'id': idBefore + 'line_' + lineCode},
117	- 'state': {'opened': true},
118	- 'children': [{
119	- 'text': '上行',
120	- 'a_attr': {
121	- 'type': 'route',
122	- 'route': lineCode + '_0',
123	- 'id': idBefore + 'route_' + lineCode + '_0',
124	- 'state': {'opened': true}
125	- }
126	- }, {
127	- 'text': '下行',
128	- 'a_attr': {
129	- 'type': 'route',
130	- 'route': lineCode + '_1',
131	- 'id': idBefore + 'route_' + lineCode + '_1',
132	- 'state': {'opened': true}
133	- }
134	- }]
135	- }, 'last', cb);
136	- };
137	-
138	- var appendDeviceNode = function (routeNode, gps, cb) {
139	- if (!routeNode) {
140	- return;
141	- }
142	-
143	- //添加车辆節點
144	- treeObj.jstree(true).create_node(routeNode, {
145	- 'text': gps.nbbm,
146	- 'a_attr': {
147	- 'type': 'device',
148	- 'device': gps.deviceId
149	- },
150	- 'data': {lineId: gps.lineId, upDown: gps.upDown},
151	- 'icon': 'uk-icon-bus'
152	- }, 'last', cb);
153	- };
154	-
155	- var openLineNode = function (lineId, cb) {
156	- var tree = treeObj.jstree(true);
157	- tree.open_node(tree.get_node('map_tree_line_' + lineId), function () {
158	- var upNode = tree.get_node('map_tree_route_' + lineId + '_0')
159	- ,downNode = tree.get_node('map_tree_route_' + lineId + '_1');
160	-
161	- tree.open_node(upNode, function () {
162	- tree.open_node(downNode, cb);
163	- });
164	- });
165	- };
166	-
167	- var moveNode = function (i, gps) {
168	- var tree = treeObj.jstree(true)
169	- ,lineId = gps.lineId;
170	- openLineNode(lineId, function () {
171	- var node = tree.get_node('map_tree_device_' + gps.nbbm);
172	- //移动节点
173	- var parent = tree.get_node('map_tree_route_' + lineId + '_' + gps.upDown);
174	- treeObj.jstree(true).move_node(node, parent);
175	- });
176	- };
177	-
178	- /**
179	- * 上下行改变
180	- * @param changeArray
181	- */
182	- var changeUpDown = function (changeArray) {
183	- $.each(changeArray, moveNode);
184	- };
185	-
186	- /**
187	- * 更新节点
188	- */
189	- var abnormalsMapp = {
190	- 'outBounds': '越界',
191	- 'overspeed': '超速'
192	- };
193	- var update_node = function (ups) {
194	- var tree = treeObj.jstree(true)
195	- ,node,suffix;
196	- $.each(ups, function () {
197	- node = tree.get_node('map_tree_device_' + this.nbbm);
198	- suffix=abnormalsMapp[this['abnormalStatus']];
199	- suffix = suffix?'<a class="gps_tree_abnormal '+this['abnormalStatus']+'">'+suffix+'</a>':'';
200	- tree.set_text(node, this.nbbm + suffix);
201	- });
202	- };
203	-
204	-
205	- /**
206	- * 搜索
207	- */
208	- var autocom = '.real_right_gps_panel .ral-gps-autocom'
209	- ,_input = $('input', autocom);
210	-
211	- var autocomplete_source = function(release) {
212	- var rs = [],
213	- v = _input.val().toUpperCase(), count=0;
214	-
215	- $.each(gb_common.get_vals(gb_data_gps.allGps), function () {
216	- if(this.nbbm.indexOf(v) != -1){
217	- rs.push({
218	- value: this.nbbm,
219	- stationName: this.stationName?this.stationName:'',
220	- dateStr: this.dateStr
221	- });
222	- count++;
223	- }
224	- if(count > 11)
225	- return false;
226	- });
227	- release && release(rs);
228	- };
229	-
230	- var selectitem = function (event, data, acobject) {
231	-
232	- var tree = treeObj.jstree(true)
233	- var deviceId = gb_data_basic.nbbm2deviceMap()[data.value]
234	- ,gps = gb_data_gps.findOne(deviceId);
235	-
236	- if(gps.upDown==-1){
237	- UIkit.notify(data.value + " 未知上下行！", {pos:'top-center'});
238	- return;
239	- }
240	- //展开线路节点
241	- tree.open_node(tree.get_node('map_tree_line_' + gps.lineId), function () {
242	- //展开走向节点
243	- tree.open_node(tree.get_node('map_tree_route_' + gps.lineId + '_' + gps.upDown), function () {
244	- //选中车辆
245	- var id = 'map_tree_device_' + data.value;
246	- var node = tree.get_node(id);
247	- tree.check_node(node);
248	-
249	- var $e = $('#'+id);
250	- treeObj.animate({
251	- scrollTop: $e.offset().top - treeObj.offset().top + treeObj.scrollTop()
252	- }, 500);
253	- //地图定位
254	- gb_map_overlay_mge._focus(gb_data_basic.nbbm2deviceMap()[data.value]);
255	- }, false);
256	- });
257	- };
258	- var result_template = '<script type="text/autocomplete">' +
259	- ' <ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results ral-gps-autocom-results">' +
260	- ' {{~items}}' +
261	- ' <li data-value="{{ $item.value }}">' +
262	- ' <a>' +
263	- ' {{ $item.value }} <small class="desc"> {{ $item.stationName }}</small>' +
264	- ' <div class="desc"><span>{{$item.dateStr}}</span></div>' +
265	- ' </a>' +
266	- ' </li>' +
267	- ' {{/items}}' +
268	- ' </ul>' +
269	- '</script>';
270	-
271	- $(autocom).append(result_template);
272	- UIkit.autocomplete(autocom, {
273	- minLength: 1,
274	- delay: 10,
275	- source: autocomplete_source
276	- }).on('selectitem.uk.autocomplete', selectitem);
277	-
278	-
279	-
280	- return {
281	- init: init,
282	- readyStatus: function () {
283	- return readyStatus;
284	- },
285	- getChecked: function () {
286	- return treeObj.jstree(true).get_checked(true);
287	- },
288	- all_devices: function () {
289	- return _devices;
290	- },
291	- create_node: create_node,
292	- changeUpDown: changeUpDown,
293	- update_node: update_node,
294	- refresh: refresh,
295	- selectitem: selectitem
296	- };	1	+var gb_map_gps_tree = (function () {
		2	+
		3	+ var idBefore = 'map_tree_';
		4	+ var _devices;
		5	+
		6	+ var treeObj;
		7	+ var jstreeChanged = function (e, node, event) {
		8	+ gb_map_overlay_mge.refresh();
		9	+ };
		10	+
		11	+ var readyStatus;
		12	+
		13	+ var init = function (cb) {
		14	+ var allGps = gb_data_gps.allGps;
		15	+ _devices = gb_common.get_keys(allGps);
		16	+ //设备树
		17	+ var treeData = gb_common.get_device_tree_data(allGps, idBefore);
		18	+ treeObj = $('.real_right_gps_panel .gps_tree_list')
		19	+ //节点初始化完成
		20	+ .on('ready.jstree', function () {
		21	+ //treeObj.jstree(true).open_all();
		22	+ //删掉tree node a标签的 href值（避免鼠标悬停浏览器出现状态条）
		23	+ $('.gps_tree_list .jstree-container-ul a.jstree-anchor').removeAttr('href');
		24	+ })
		25	+ //state插件状态恢复完成
		26	+ .on('state_ready.jstree', function () {
		27	+ //绑定checkbox状态切换事件
		28	+ treeObj.on('check_node.jstree uncheck_node.jstree', jstreeChanged);
		29	+ readyStatus = true;
		30	+ cb && cb();
		31	+ })
		32	+ .on('activate_node.jstree', function (e, n) {
		33	+ var node = n.node;
		34	+ if (node.a_attr && node.a_attr.type == 'device' && node.state.checked) {
		35	+ var device = node.a_attr.device;
		36	+ gb_map_overlay_mge._focus(device);
		37	+ }
		38	+ })
		39	+ .jstree({
		40	+ 'core': {
		41	+ 'data': treeData,
		42	+ 'check_callback': true
		43	+ },
		44	+ 'checkbox': {
		45	+ 'keep_selected_style': false,
		46	+ 'whole_node': false,
		47	+ 'tie_selection': false
		48	+ },
		49	+ //local storage里的key
		50	+ 'state': {
		51	+ 'key': 'jstree_map_devices'
		52	+ },
		53	+ 'plugins': ['checkbox', 'state']
		54	+ });
		55	+ };
		56	+
		57	+ var refresh = function () {
		58	+ var jstreeInts = treeObj.jstree(true);
		59	+ var oldChecks = jstreeInts.get_checked(true);
		60	+ var treeData = gb_common.get_device_tree_data(gb_data_gps.allGps, idBefore);
		61	+ jstreeInts.settings.core.data = treeData;
		62	+ jstreeInts.refresh();
		63	+ jstreeInts.bind("refresh.jstree", function (event, data) {
		64	+ $.each(oldChecks, function () {
		65	+ jstreeInts.check_node(jstreeInts.get_node(this.a_attr.id));
		66	+ });
		67	+ $.each(gb_data_basic.activeLines, function (i) {
		68	+ var lineNode = jstreeInts.get_node(idBefore + 'line_' + this.lineCode);
		69	+ if (!lineNode) {
		70	+ create_route_node(this.lineCode);
		71	+ }
		72	+ });
		73	+ })
		74	+ };
		75	+
		76	+ //創建新節點
		77	+ var create_node = function (array, create_end_cb) {
		78	+ if (!isArray(array))
		79	+ array = [array];
		80	+
		81	+ var jstreeInts = treeObj.jstree(true);
		82	+ var len = array.length, i = 0;
		83	+ (function () {
		84	+ var f = arguments.callee;
		85	+ if (i >= len) {
		86	+ create_end_cb && create_end_cb();
		87	+ return;
		88	+ }
		89	+
		90	+ var gps = array[i],
		91	+ pId = idBefore + 'route_' + gps.lineId + '_' + gps.upDown;
		92	+ //上下行节点
		93	+ var routeNode = jstreeInts.get_node(pId);
		94	+ if (!routeNode) {
		95	+ //父节点不存在
		96	+ create_route_node(gps.lineId, function () {
		97	+ //重新获取上下行节点
		98	+ routeNode = jstreeInts.get_node(pId);
		99	+ appendDeviceNode(routeNode, gps, function () {
		100	+ _devices.push(gps.deviceId);
		101	+ i++;
		102	+ f();
		103	+ });
		104	+ });
		105	+ }
		106	+ else {
		107	+ appendDeviceNode(routeNode, gps, function () {
		108	+ _devices.push(gps.deviceId);
		109	+ i++;
		110	+ f();
		111	+ });
		112	+ }
		113	+ })();
		114	+ };
		115	+
		116	+ //创建线路和上下行节点
		117	+ var create_route_node = function (lineCode, cb) {
		118	+ var lineName = gb_data_basic.codeToLine[lineCode].name;
		119	+ var id = treeObj.jstree(true).create_node('#', {
		120	+ 'text': lineName,
		121	+ 'a_attr': {'type': 'line', 'id': idBefore + 'line_' + lineCode},
		122	+ 'state': {'opened': true},
		123	+ 'children': [{
		124	+ 'text': '上行',
		125	+ 'a_attr': {
		126	+ 'type': 'route',
		127	+ 'route': lineCode + '_0',
		128	+ 'id': idBefore + 'route_' + lineCode + '_0',
		129	+ 'state': {'opened': true}
		130	+ }
		131	+ }, {
		132	+ 'text': '下行',
		133	+ 'a_attr': {
		134	+ 'type': 'route',
		135	+ 'route': lineCode + '_1',
		136	+ 'id': idBefore + 'route_' + lineCode + '_1',
		137	+ 'state': {'opened': true}
		138	+ }
		139	+ }]
		140	+ }, 'last', cb);
		141	+ };
		142	+
		143	+ var appendDeviceNode = function (routeNode, gps, cb) {
		144	+ if (!routeNode) {
		145	+ return;
		146	+ }
		147	+
		148	+ //添加车辆節點
		149	+ treeObj.jstree(true).create_node(routeNode, {
		150	+ 'text': gps.nbbm,
		151	+ 'a_attr': {
		152	+ 'type': 'device',
		153	+ 'device': gps.deviceId
		154	+ },
		155	+ 'data': {lineId: gps.lineId, upDown: gps.upDown},
		156	+ 'icon': 'uk-icon-bus'
		157	+ }, 'last', cb);
		158	+ };
		159	+
		160	+ var openLineNode = function (lineId, cb) {
		161	+ var tree = treeObj.jstree(true);
		162	+ tree.open_node(tree.get_node('map_tree_line_' + lineId), function () {
		163	+ var upNode = tree.get_node('map_tree_route_' + lineId + '_0')
		164	+ ,downNode = tree.get_node('map_tree_route_' + lineId + '_1');
		165	+
		166	+ tree.open_node(upNode, function () {
		167	+ tree.open_node(downNode, cb);
		168	+ });
		169	+ });
		170	+ };
		171	+
		172	+ var moveNode = function (i, gps) {
		173	+ var tree = treeObj.jstree(true)
		174	+ ,lineId = gps.lineId;
		175	+ openLineNode(lineId, function () {
		176	+ var node = tree.get_node('map_tree_device_' + gps.nbbm);
		177	+ //移动节点
		178	+ var parent = tree.get_node('map_tree_route_' + lineId + '_' + gps.upDown);
		179	+ treeObj.jstree(true).move_node(node, parent);
		180	+ });
		181	+ };
		182	+
		183	+ /**
		184	+ * 上下行改变
		185	+ * @param changeArray
		186	+ */
		187	+ var changeUpDown = function (changeArray) {
		188	+ $.each(changeArray, moveNode);
		189	+ };
		190	+
		191	+ /**
		192	+ * 更新节点
		193	+ */
		194	+ var abnormalsMapp = {
		195	+ 'outBounds': '越界',
		196	+ 'overspeed': '超速'
		197	+ };
		198	+ var update_node = function (ups) {
		199	+ var tree = treeObj.jstree(true)
		200	+ ,node,suffix;
		201	+ $.each(ups, function () {
		202	+ node = tree.get_node('map_tree_device_' + this.nbbm);
		203	+ suffix=abnormalsMapp[this['abnormalStatus']];
		204	+ suffix = suffix?'<a class="gps_tree_abnormal '+this['abnormalStatus']+'">'+suffix+'</a>':'';
		205	+ tree.set_text(node, this.nbbm + suffix);
		206	+ });
		207	+ };
		208	+
		209	+
		210	+ /**
		211	+ * 搜索
		212	+ */
		213	+ var autocom = '.real_right_gps_panel .ral-gps-autocom'
		214	+ ,_input = $('input', autocom);
		215	+
		216	+ var autocomplete_source = function(release) {
		217	+ var rs = [],
		218	+ v = _input.val().toUpperCase(), count=0;
		219	+
		220	+ $.each(gb_common.get_vals(gb_data_gps.allGps), function () {
		221	+ if(this.nbbm.indexOf(v) != -1){
		222	+ rs.push({
		223	+ value: this.nbbm,
		224	+ stationName: this.stationName?this.stationName:'',
		225	+ dateStr: this.dateStr
		226	+ });
		227	+ count++;
		228	+ }
		229	+ if(count > 11)
		230	+ return false;
		231	+ });
		232	+ release && release(rs);
		233	+ };
		234	+
		235	+ var selectitem = function (event, data, acobject) {
		236	+
		237	+ var tree = treeObj.jstree(true)
		238	+ var deviceId = gb_data_basic.nbbm2deviceMap()[data.value]
		239	+ ,gps = gb_data_gps.findOne(deviceId);
		240	+
		241	+ if(gps.upDown==-1){
		242	+ UIkit.notify(data.value + " 未知上下行！", {pos:'top-center'});
		243	+ return;
		244	+ }
		245	+ //展开线路节点
		246	+ tree.open_node(tree.get_node('map_tree_line_' + gps.lineId), function () {
		247	+ //展开走向节点
		248	+ tree.open_node(tree.get_node('map_tree_route_' + gps.lineId + '_' + gps.upDown), function () {
		249	+ //选中车辆
		250	+ var id = 'map_tree_device_' + data.value;
		251	+ var node = tree.get_node(id);
		252	+ tree.check_node(node);
		253	+
		254	+ var $e = $('#'+id);
		255	+ treeObj.animate({
		256	+ scrollTop: $e.offset().top - treeObj.offset().top + treeObj.scrollTop()
		257	+ }, 500);
		258	+ //地图定位
		259	+ gb_map_overlay_mge._focus(gb_data_basic.nbbm2deviceMap()[data.value]);
		260	+ }, false);
		261	+ });
		262	+ };
		263	+ var result_template = '<script type="text/autocomplete">' +
		264	+ ' <ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results ral-gps-autocom-results">' +
		265	+ ' {{~items}}' +
		266	+ ' <li data-value="{{ $item.value }}">' +
		267	+ ' <a>' +
		268	+ ' {{ $item.value }} <small class="desc"> {{ $item.stationName }}</small>' +
		269	+ ' <div class="desc"><span>{{$item.dateStr}}</span></div>' +
		270	+ ' </a>' +
		271	+ ' </li>' +
		272	+ ' {{/items}}' +
		273	+ ' </ul>' +
		274	+ '</script>';
		275	+
		276	+ $(autocom).append(result_template);
		277	+ UIkit.autocomplete(autocom, {
		278	+ minLength: 1,
		279	+ delay: 10,
		280	+ source: autocomplete_source
		281	+ }).on('selectitem.uk.autocomplete', selectitem);
		282	+
		283	+
		284	+
		285	+ return {
		286	+ init: init,
		287	+ readyStatus: function () {
		288	+ return readyStatus;
		289	+ },
		290	+ getChecked: function () {
		291	+ return treeObj.jstree(true).get_checked(true);
		292	+ },
		293	+ all_devices: function () {
		294	+ return _devices;
		295	+ },
		296	+ create_node: create_node,
		297	+ changeUpDown: changeUpDown,
		298	+ update_node: update_node,
		299	+ refresh: refresh,
		300	+ selectitem: selectitem
		301	+ };
297	})();	302	})();
298	\ No newline at end of file	303	\ No newline at end of file

src/main/resources/static/real_control_v2/mapmonitor/js/map_overlay_manager.js

View file @b84f5d1

1	-var gb_map_overlay_mge = (function () {
2	-
3	- var storage = window.localStorage;
4	-
5	- var temps;
6	- $.get('/real_control_v2/mapmonitor/fragments/map_infowindow.html', function (dom) {
7	- temps = gb_common.compileTempByDom(dom, {compress: true});
8	- });
9	-
10	- var $abnormNoticePanel = $('.c_b_abnorm_notice');
11	- var gpsRefresh = function (addArr, upArr, upDownChange, overspeedList) {
12	- if(!$('.main-container .map-panel').is(':visible'))
13	- return;
14	- //如果地图正在重绘，暂时不刷新GPS
15	- if(reDrawing)
16	- return;
17	- //var all = addArr.concat(upArr).concat(upDownChange);
18	- gpsRefreshAll(addArr, upArr, upDownChange);
19	-
20	- //渲染超速信息
21	- overspeedList.sort(overspeed_sort);
22	- var htmlStr = template('map_abnorm_overspeed_list-temp', {list: overspeedList});
23	- $abnormNoticePanel.html(htmlStr).scrollTop($abnormNoticePanel[0].scrollHeight);
24	- };
25	-
26	- var overspeed_sort = function (a, b) {
27	- if(a.ets && !b.ets)
28	- return -1;
29	- if(!a.ets && b.ets)
30	- return 1;
31	- return a.st - b.st;
32	- };
33	-
34	- /**
35	- * 超速点击
36	- */
37	- $abnormNoticePanel.on('click', '.c_b_item', function () {
38	- var nbbm = $(this).data('nbbm');
39	- gb_map_gps_tree.selectitem(null, {value: nbbm});
40	- });
41	-
42	- var gpsRefreshAll = function (addArr, upArr, upDownChange) {
43	- //更新设备树菜单
44	- if(gb_map_gps_tree.readyStatus()){
45	- gb_map_gps_tree.create_node(addArr);
46	- gb_map_gps_tree.update_node(upArr);
47	- gb_map_gps_tree.changeUpDown(upDownChange);
48	- }
49	-
50	- //更新地图
51	- var all = addArr.concat(upArr).concat(upDownChange);
52	- gb_map_imap.call('drawRealGpsMarker', {gpsList: all});
53	- };
54	-
55	- var reload_gps = function () {
56	- var array = gb_common.get_vals(gb_data_gps.allGps);
57	- gb_map_gps_tree.refresh();
58	- gb_map_imap.call('drawRealGpsMarker', {gpsList: array});
59	- };
60	-
61	- var deviceFilter = function (node) {
62	- return node.a_attr && node.a_attr.type=='device';
63	- };
64	-
65	- //绘制线路走向
66	- var drawAllSection=function () {
67	- //绘制线路走向
68	- var lines=JSON.parse(storage.getItem('lineControlItems'));
69	- $.each(lines, function () {
70	- //从storage里获取路由数据
71	- var lineCode=this.lineCode;
72	- var route = JSON.parse(storage.getItem(lineCode + '_route'));
73	- //上行
74	- gb_map_imap.call('drawLine', {
75	- route: route,
76	- style: {strokeWeight:6, strokeColor: gb_map_config.getConfig().section.color.up},
77	- id: lineCode+'_0',
78	- upDown: 0,
79	- hide: true
80	- });
81	- //下行
82	- gb_map_imap.call('drawLine', {
83	- route: route,
84	- style: {strokeWeight:6, strokeColor: gb_map_config.getConfig().section.color.down},
85	- id: lineCode+'_1',
86	- upDown: 1,
87	- hide: true
88	- });
89	-
90	- });
91	- };
92	-
93	- //根据选中项显示路段
94	- var showSection = function (chs) {
95	- var idx = {};
96	- $.each(chs, function () {
97	- idx[this.data.lineId+'_'+this.data.upDown]=1;
98	- });
99	-
100	- gb_map_imap.call('refreshPolyline', {idx: gb_common.get_keys(idx)});
101	- };
102	-
103	-
104	- //是否正在重绘
105	- var reDrawing;
106	- var reDraw = function () {
107	- reDrawing = true;
108	-
109	- gb_map_imap.call('clearAll');
110	-
111	- try{
112	- drawAllSection();
113	- }catch (e){
114	- console.log(e);
115	- }
116	- //重绘GPS
117	- gb_map_imap.call('drawRealGpsMarker', {gpsList: gb_common.get_vals(gb_data_gps.allGps)});
118	-
119	- showOverlayByChecks();
120	- //显示路段
121	- showSection(getCheckedDevice());
122	-
123	- reDrawing = false;
124	- };
125	-
126	- //重绘GPS
127	- var reDrawGps = function () {
128	- reDrawing = true;
129	- gb_map_imap.call('clearAllGps');
130	- //重绘GPS
131	- gb_map_imap.call('drawRealGpsMarker', {gpsList: gb_common.get_vals(gb_data_gps.allGps)});
132	-
133	- showOverlayByChecks();
134	- reDrawing = false;
135	- };
136	-
137	- var init = function () {
138	- reDraw();
139	- //注册GPS刷新事件
140	- gb_data_gps.registerCallback(gpsRefresh);
141	-
142	- centerToRational();
143	- };
144	-
145	-
146	- var showOverlayByChecks = function () {
147	- var chs = getCheckedDevice(),chsMap={};
148	- $.each(chs, function () {
149	- chsMap[this.a_attr.device]=true;
150	- });
151	-
152	- gb_map_imap.call('showGpsMarker', {chs: chsMap});
153	-
154	- //路段
155	- showSection(chs);
156	-
157	- };
158	-
159	- var _focus = function (deviceId) {
160	- gb_map_imap.call('goToMarker', {deviceId: deviceId});
161	- //打开信息窗口
162	- gb_map_imap.call('openWindow',{deviceId: deviceId});
163	- };
164	-
165	- //站点获得焦点
166	- var _focus_station = function (station) {
167	- gb_map_imap.call('goToStation', station.stationCode);
168	- };
169	-
170	- //停车场获得焦点
171	- var _focus_carpark = function (carpark) {
172	- //console.log('_focus_carpark', carpark);
173	- gb_map_imap.call('goToCarpark', carpark.parkCode);
174	- };
175	-
176	- function getCheckedDevice() {
177	- return gb_map_gps_tree.getChecked().filter(deviceFilter);
178	- }
179	-
180	- //绘制站点
181	- var drawStation = function () {
182	- var list = gb_map_spatial_data.getCheckedStation();
183	- //绘制站点
184	- gb_map_imap.call('drawStationMarker', {list: list});
185	- //绘制电子围栏
186	- drawElectronicFence(list);
187	- };
188	-
189	- //绘制电子围栏
190	- var drawElectronicFence = function (list) {
191	- var config = gb_map_config.getConfig().spatialData;
192	- if(!config.electronicFence)
193	- return;
194	-
195	- if(!list){
196	- list = gb_map_spatial_data.getCheckedStation();
197	- }
198	-
199	-
200	- gb_map_imap.call('hideAllCircles');
201	- $.each(list, function () {
202	- fun=this.shapesType=='r'?drawCircle:drawPolygon;
203	- fun(this);
204	- });
205	- };
206	-
207	- //绘制停车场
208	- var drawCarpark = function () {
209	- var list = gb_map_spatial_data.gteCheckedCarpark();
210	- gb_map_imap.call('drawCarpark', {list: list});
211	- };
212	-
213	- var drawCircle=function (data) {
214	- var config = gb_map_config.getConfig().section.color;
215	- var color = data.directions==0?config.up:config.down;
216	-
217	- var opt = {
218	- lon: data.lon,
219	- lat: data.lat,
220	- text: data.stationName,
221	- color: color,
222	- weight: 2,
223	- radius: parseFloat(data.radius),
224	- id: data.stationCode
225	- };
226	-
227	- gb_map_imap.call('drawCircle', opt);
228	- };
229	-
230	- var drawPolygon=function (data) {
231	- var config = gb_map_config.getConfig().section.color;
232	- var color = data.directions==0?config.up:config.down;
233	-
234	- var opt = {
235	- //id:data.stationCode,
236	- color: color,
237	- weight: 2,
238	- station: data
239	- };
240	-
241	- gb_map_imap.call('drawPolygon', opt);
242	- };
243	-
244	- //地图居中至合理的位置
245	- var centerToRational=function () {
246	- var chs=getCheckedDevice();
247	- if(chs && chs.length > 0){
248	- var id=chs[0].data.lineId+'_'+chs[0].data.upDown;
249	- gb_map_imap.call('centerToLine', {id: id});
250	- }
251	- };
252	-
253	- return {
254	- init: init,
255	- refresh: showOverlayByChecks,
256	- _focus: _focus,
257	- _focus_station: _focus_station,
258	- _focus_carpark: _focus_carpark,
259	- map_gps_win_temp: function (data) {
260	- return temps['map-win-gps-detail-temp'](data);
261	- },
262	- map_station_win_temp: function (data) {
263	- return temps['map-win-station-detail-temp'](data);
264	- },
265	- map_carpark_win_temp: function (data) {
266	- return temps['map-win-carpark-detail-temp'](data);
267	- },
268	- reDraw: reDraw,
269	- reDrawGps: reDrawGps,
270	- getCheckedDevice: getCheckedDevice,
271	- drawStation: drawStation,
272	- drawElectronicFence: drawElectronicFence,
273	- drawCarpark: drawCarpark,
274	- centerToRational:centerToRational,
275	- reload_gps: reload_gps
276	- };	1	+var gb_map_overlay_mge = (function () {
		2	+
		3	+ var storage = window.localStorage;
		4	+
		5	+ var temps;
		6	+ $.get('/real_control_v2/mapmonitor/fragments/map_infowindow.html', function (dom) {
		7	+ temps = gb_common.compileTempByDom(dom, {compress: true});
		8	+ });
		9	+
		10	+ var $abnormNoticePanel = $('.c_b_abnorm_notice');
		11	+ var gpsRefresh = function (addArr, upArr, upDownChange, overspeedList) {
		12	+ if(!$('.main-container .map-panel').is(':visible'))
		13	+ return;
		14	+ //如果地图正在重绘，暂时不刷新GPS
		15	+ if(reDrawing)
		16	+ return;
		17	+ //var all = addArr.concat(upArr).concat(upDownChange);
		18	+ gpsRefreshAll(addArr, upArr, upDownChange);
		19	+
		20	+ //渲染超速信息
		21	+ overspeedList.sort(overspeed_sort);
		22	+ var htmlStr = template('map_abnorm_overspeed_list-temp', {list: overspeedList});
		23	+ $abnormNoticePanel.html(htmlStr).scrollTop($abnormNoticePanel[0].scrollHeight);
		24	+ };
		25	+
		26	+ var overspeed_sort = function (a, b) {
		27	+ if(a.ets && !b.ets)
		28	+ return -1;
		29	+ if(!a.ets && b.ets)
		30	+ return 1;
		31	+ return a.st - b.st;
		32	+ };
		33	+
		34	+ /**
		35	+ * 超速点击
		36	+ */
		37	+ $abnormNoticePanel.on('click', '.c_b_item', function () {
		38	+ var nbbm = $(this).data('nbbm');
		39	+ gb_map_gps_tree.selectitem(null, {value: nbbm});
		40	+ });
		41	+
		42	+ var gpsRefreshAll = function (addArr, upArr, upDownChange) {
		43	+ //更新设备树菜单
		44	+ if(gb_map_gps_tree.readyStatus()){
		45	+ gb_map_gps_tree.create_node(addArr);
		46	+ gb_map_gps_tree.update_node(upArr);
		47	+ gb_map_gps_tree.changeUpDown(upDownChange);
		48	+ }
		49	+
		50	+ //更新地图
		51	+ var all = addArr.concat(upArr).concat(upDownChange);
		52	+ gb_map_imap.call('drawRealGpsMarker', {gpsList: all});
		53	+ };
		54	+
		55	+ var reload_gps = function () {
		56	+ var array = gb_common.get_vals(gb_data_gps.allGps);
		57	+ gb_map_gps_tree.refresh();
		58	+ gb_map_imap.call('drawRealGpsMarker', {gpsList: array});
		59	+ };
		60	+
		61	+ var deviceFilter = function (node) {
		62	+ return node.a_attr && node.a_attr.type=='device';
		63	+ };
		64	+
		65	+ var routeFilter = function (node) {
		66	+ return node.a_attr && node.a_attr.type=='route';
		67	+ };
		68	+
		69	+ //绘制线路走向
		70	+ var drawAllSection=function () {
		71	+ //绘制线路走向
		72	+ var lines=JSON.parse(storage.getItem('lineControlItems'));
		73	+ $.each(lines, function () {
		74	+ //从storage里获取路由数据
		75	+ var lineCode=this.lineCode;
		76	+ var route = JSON.parse(storage.getItem(lineCode + '_route'));
		77	+ //上行
		78	+ gb_map_imap.call('drawLine', {
		79	+ route: route,
		80	+ style: {strokeWeight:6, strokeColor: gb_map_config.getConfig().section.color.up},
		81	+ id: lineCode+'_0',
		82	+ upDown: 0,
		83	+ hide: true
		84	+ });
		85	+ //下行
		86	+ gb_map_imap.call('drawLine', {
		87	+ route: route,
		88	+ style: {strokeWeight:6, strokeColor: gb_map_config.getConfig().section.color.down},
		89	+ id: lineCode+'_1',
		90	+ upDown: 1,
		91	+ hide: true
		92	+ });
		93	+
		94	+ });
		95	+ };
		96	+
		97	+ //根据选中项显示路段
		98	+ var showSection = function (chr) {
		99	+ var idx = {};
		100	+ $.each(chr, function () {
		101	+ idx[this.a_attr.route]=1;
		102	+ });
		103	+
		104	+ gb_map_imap.call('refreshPolyline', {idx: gb_common.get_keys(idx)});
		105	+ };
		106	+
		107	+ //是否正在重绘
		108	+ var reDrawing;
		109	+ var reDraw = function () {
		110	+ reDrawing = true;
		111	+
		112	+ gb_map_imap.call('clearAll');
		113	+
		114	+ try{
		115	+ drawAllSection();
		116	+ }catch (e){
		117	+ console.log(e);
		118	+ }
		119	+ //重绘GPS
		120	+ gb_map_imap.call('drawRealGpsMarker', {gpsList: gb_common.get_vals(gb_data_gps.allGps)});
		121	+
		122	+ showOverlayByChecks();
		123	+ //显示路段
		124	+ showSection(getCheckedRoute());
		125	+
		126	+ reDrawing = false;
		127	+ };
		128	+
		129	+ //重绘GPS
		130	+ var reDrawGps = function () {
		131	+ reDrawing = true;
		132	+ gb_map_imap.call('clearAllGps');
		133	+ //重绘GPS
		134	+ gb_map_imap.call('drawRealGpsMarker', {gpsList: gb_common.get_vals(gb_data_gps.allGps)});
		135	+
		136	+ showOverlayByChecks();
		137	+ reDrawing = false;
		138	+ };
		139	+
		140	+ var init = function () {
		141	+ reDraw();
		142	+ //注册GPS刷新事件
		143	+ gb_data_gps.registerCallback(gpsRefresh);
		144	+
		145	+ centerToRational();
		146	+ };
		147	+
		148	+
		149	+ var showOverlayByChecks = function () {
		150	+ var chs = getCheckedDevice(),chsMap={},chr = getCheckedRoute();
		151	+ $.each(chs, function () {
		152	+ chsMap[this.a_attr.device]=true;
		153	+ });
		154	+
		155	+ gb_map_imap.call('showGpsMarker', {chs: chsMap});
		156	+
		157	+ //路段
		158	+ showSection(chr);
		159	+
		160	+ };
		161	+
		162	+ var _focus = function (deviceId) {
		163	+ gb_map_imap.call('goToMarker', {deviceId: deviceId});
		164	+ //打开信息窗口
		165	+ gb_map_imap.call('openWindow',{deviceId: deviceId});
		166	+ };
		167	+
		168	+ //站点获得焦点
		169	+ var _focus_station = function (station) {
		170	+ gb_map_imap.call('goToStation', station.stationCode);
		171	+ };
		172	+
		173	+ //停车场获得焦点
		174	+ var _focus_carpark = function (carpark) {
		175	+ //console.log('_focus_carpark', carpark);
		176	+ gb_map_imap.call('goToCarpark', carpark.parkCode);
		177	+ };
		178	+
		179	+ function getCheckedDevice() {
		180	+ return gb_map_gps_tree.getChecked().filter(deviceFilter);
		181	+ }
		182	+
		183	+ function getCheckedRoute() {
		184	+ return gb_map_gps_tree.getChecked().filter(routeFilter);
		185	+ }
		186	+
		187	+ //绘制站点
		188	+ var drawStation = function () {
		189	+ var list = gb_map_spatial_data.getCheckedStation();
		190	+ //绘制站点
		191	+ gb_map_imap.call('drawStationMarker', {list: list});
		192	+ //绘制电子围栏
		193	+ drawElectronicFence(list);
		194	+ };
		195	+
		196	+ //绘制电子围栏
		197	+ var drawElectronicFence = function (list) {
		198	+ var config = gb_map_config.getConfig().spatialData;
		199	+ if(!config.electronicFence)
		200	+ return;
		201	+
		202	+ if(!list){
		203	+ list = gb_map_spatial_data.getCheckedStation();
		204	+ }
		205	+
		206	+
		207	+ gb_map_imap.call('hideAllCircles');
		208	+ $.each(list, function () {
		209	+ fun=this.shapesType=='r'?drawCircle:drawPolygon;
		210	+ fun(this);
		211	+ });
		212	+ };
		213	+
		214	+ //绘制停车场
		215	+ var drawCarpark = function () {
		216	+ var list = gb_map_spatial_data.gteCheckedCarpark();
		217	+ gb_map_imap.call('drawCarpark', {list: list});
		218	+ };
		219	+
		220	+ var drawCircle=function (data) {
		221	+ var config = gb_map_config.getConfig().section.color;
		222	+ var color = data.directions==0?config.up:config.down;
		223	+
		224	+ var opt = {
		225	+ lon: data.lon,
		226	+ lat: data.lat,
		227	+ text: data.stationName,
		228	+ color: color,
		229	+ weight: 2,
		230	+ radius: parseFloat(data.radius),
		231	+ id: data.stationCode
		232	+ };
		233	+
		234	+ gb_map_imap.call('drawCircle', opt);
		235	+ };
		236	+
		237	+ var drawPolygon=function (data) {
		238	+ var config = gb_map_config.getConfig().section.color;
		239	+ var color = data.directions==0?config.up:config.down;
		240	+
		241	+ var opt = {
		242	+ //id:data.stationCode,
		243	+ color: color,
		244	+ weight: 2,
		245	+ station: data
		246	+ };
		247	+
		248	+ gb_map_imap.call('drawPolygon', opt);
		249	+ };
		250	+
		251	+ //地图居中至合理的位置
		252	+ var centerToRational=function () {
		253	+ var chs=getCheckedDevice();
		254	+ if(chs && chs.length > 0){
		255	+ var id=chs[0].data.lineId+'_'+chs[0].data.upDown;
		256	+ gb_map_imap.call('centerToLine', {id: id});
		257	+ }
		258	+ };
		259	+
		260	+ return {
		261	+ init: init,
		262	+ refresh: showOverlayByChecks,
		263	+ _focus: _focus,
		264	+ _focus_station: _focus_station,
		265	+ _focus_carpark: _focus_carpark,
		266	+ map_gps_win_temp: function (data) {
		267	+ return temps['map-win-gps-detail-temp'](data);
		268	+ },
		269	+ map_station_win_temp: function (data) {
		270	+ return temps['map-win-station-detail-temp'](data);
		271	+ },
		272	+ map_carpark_win_temp: function (data) {
		273	+ return temps['map-win-carpark-detail-temp'](data);
		274	+ },
		275	+ reDraw: reDraw,
		276	+ reDrawGps: reDrawGps,
		277	+ getCheckedDevice: getCheckedDevice,
		278	+ drawStation: drawStation,
		279	+ drawElectronicFence: drawElectronicFence,
		280	+ drawCarpark: drawCarpark,
		281	+ centerToRational:centerToRational,
		282	+ reload_gps: reload_gps
		283	+ };
277	})();	284	})();
278	\ No newline at end of file	285	\ No newline at end of file

潘钊 / bsth_control · Commits

GitLab

1.闵行将线调->地图用做线路规划