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
|
/*
* Copyright 2015 - 2016 Anton Tananaev (anton@traccar.org)
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
Ext.define('Traccar.view.Map', {
extend: 'Traccar.view.BaseMap',
xtype: 'mapView',
requires: [
'Traccar.view.MapController'
],
controller: 'map',
title: Strings.mapTitle,
tbar: {
items: [{
xtype: 'tbtext',
html: Strings.mapTitle,
baseCls: 'x-panel-header-title-default'
}, {
xtype: 'tbfill'
}, {
xtype: 'button',
tooltipType: 'title',
handler: 'showGeofences',
reference: 'showGeofencesButton',
glyph: 'xf21d@FontAwesome',
enableToggle: true,
pressed: true,
tooltip: Strings.sharedGeofences
}, {
xtype: 'button',
tooltipType: 'title',
handler: 'showLiveRoutes',
reference: 'showLiveRoutes',
glyph: 'xf1b0@FontAwesome',
enableToggle: true,
tooltip: Strings.mapLiveRoutes
}, {
id: 'muteButton',
glyph: 'xf1f7@FontAwesome',
tooltip: Strings.sharedMute,
tooltipType: 'title',
pressed : true,
enableToggle: true,
listeners: {
toggle: function (button, pressed) {
if (pressed) {
button.setGlyph('xf1f7@FontAwesome');
} else {
button.setGlyph('xf0a2@FontAwesome');
}
},
scope: this
}
}, {
xtype: 'settingsMenu'
}]
},
getLatestSource: function () {
return this.latestSource;
},
getRouteSource: function () {
return this.routeSource;
},
getReportSource: function () {
return this.reportSource;
},
getGeofencesSource: function () {
return this.geofencesSource;
},
getLiveRouteSource: function () {
return this.liveRouteSource;
},
getLiveRouteLayer: function () {
return this.liveRouteLayer;
},
initMap: function () {
this.callParent();
this.geofencesSource = new ol.source.Vector({});
this.map.addLayer(new ol.layer.Vector({
source: this.geofencesSource
}));
this.liveRouteSource = new ol.source.Vector({});
this.liveRouteLayer = new ol.layer.Vector({
source: this.liveRouteSource,
visible: false
});
this.map.addLayer(this.liveRouteLayer);
this.latestSource = new ol.source.Vector({});
this.map.addLayer(new ol.layer.Vector({
source: this.latestSource
}));
this.routeSource = new ol.source.Vector({});
this.map.addLayer(new ol.layer.Vector({
source: this.routeSource
}));
this.reportSource = new ol.source.Vector({});
this.map.addLayer(new ol.layer.Vector({
source: this.reportSource
}));
}
});
|
