diff options
| author | Anton Tananaev <anton.tananaev@gmail.com> | 2015-05-22 14:53:38 +1200 |
|---|---|---|
| committer | Anton Tananaev <anton.tananaev@gmail.com> | 2015-05-22 14:53:38 +1200 |
| commit | 96f34858dd2d095c75a72da6d10f5661ac51c042 (patch) | |
| tree | 437f8fa46e0f8d1ad2d36a4d9879c78f3089f67d /web | |
| parent | 62ce76e8287a3211734234d8b6c5de2ae035ff79 (diff) | |
| download | traccar-server-96f34858dd2d095c75a72da6d10f5661ac51c042.tar.gz traccar-server-96f34858dd2d095c75a72da6d10f5661ac51c042.tar.bz2 traccar-server-96f34858dd2d095c75a72da6d10f5661ac51c042.zip | |
Vector features testing
Diffstat (limited to 'web')
| -rw-r--r-- | web/app/view/map/Map.js | 22 | ||||
| -rw-r--r-- | web/app/view/map/MapController.js | 42 |
2 files changed, 41 insertions, 23 deletions
diff --git a/web/app/view/map/Map.js b/web/app/view/map/Map.js index a43df40e1..8062db8e9 100644 --- a/web/app/view/map/Map.js +++ b/web/app/view/map/Map.js @@ -72,21 +72,7 @@ Ext.define('Traccar.view.map.Map', { this.vectorSource = new ol.source.Vector({}); var vectorLayer = new ol.layer.Vector({ - source: this.vectorSource, - style: new ol.style.Style({ - text: new ol.style.Text({ - text: '\uf041', - font: 'normal 32px FontAwesome', - textBaseline: 'Bottom', - fill: new ol.style.Fill({ - color: 'red' - }), - stroke: new ol.style.Stroke({ - color: 'black', - width: 2 - }) - }) - }) + source: this.vectorSource }); var view = new ol.View({ @@ -101,12 +87,6 @@ Ext.define('Traccar.view.map.Map', { view: view }); - var iconFeature = new ol.Feature({ - geometry: new ol.geom.Point(ol.proj.fromLonLat([-1.257778, 51.751944])) - }); - - this.vectorSource.addFeature(iconFeature); - //this.update(); }, diff --git a/web/app/view/map/MapController.js b/web/app/view/map/MapController.js index d02d454d6..f141b6646 100644 --- a/web/app/view/map/MapController.js +++ b/web/app/view/map/MapController.js @@ -30,11 +30,49 @@ Ext.define('Traccar.view.map.MapController', { }, reportShow: function() { - console.log('reportShow'); + + var vectorSource = this.getView().vectorSource; + + this.iconFeature = new ol.Feature({ + //geometry: new ol.geom.Point(ol.proj.fromLonLat([-1.257778, 51.751944])) + geometry: new ol.geom.LineString([ + ol.proj.fromLonLat([-1.257778, 52.751944]), + ol.proj.fromLonLat([-3.257778, 51.751944]) + ]) + }); + + this.iconFeature.setStyle( + new ol.style.Style({ + stroke: new ol.style.Stroke({ + color: 'black', + width: 2 + }) + }) + ); + + vectorSource.addFeature(this.iconFeature); }, reportClear: function() { - console.log('reportClear'); + //this.getView().vectorSource.clear(); + + this.iconFeature.setGeometry(new ol.geom.Point(ol.proj.fromLonLat([-5.257778, 51.751944]))); + this.iconFeature.setStyle( + new ol.style.Style({ + text: new ol.style.Text({ + text: '\uf041', + font: 'normal 32px FontAwesome', + textBaseline: 'Bottom', + fill: new ol.style.Fill({ + color: 'red' + }), + stroke: new ol.style.Stroke({ + color: 'black', + width: 2 + }) + }) + }) + ); } }); |