diff options
Diffstat (limited to 'web/app/view/map')
| -rw-r--r-- | web/app/view/map/MapController.js | 27 |
1 files changed, 24 insertions, 3 deletions
diff --git a/web/app/view/map/MapController.js b/web/app/view/map/MapController.js index 5cde39494..b0ab0bb58 100644 --- a/web/app/view/map/MapController.js +++ b/web/app/view/map/MapController.js @@ -55,9 +55,20 @@ Ext.define('Traccar.view.map.MapController', { this.liveData[data[i].deviceId].setGeometry(geometry); } else { var marker = new ol.Feature({ - geometry: geometry, - style: this.getLineStyle(styles.map_live_marker) + geometry: geometry }); + marker.setStyle(new ol.style.Style({ + image: new ol.style.Circle({ + radius: 40, + fill: new ol.style.Fill({ + color: 'rgba(150,150,200,0.6)' + }), + stroke: new ol.style.Stroke({ + color: 'rgba(20,30,100,0.8)', + width: 3 + }) + }) + })); this.getView().vectorSource.addFeature(marker); this.liveData[data[i].deviceId] = marker; } @@ -73,12 +84,22 @@ Ext.define('Traccar.view.map.MapController', { getLineStyle: function(color) { return new ol.style.Style({ - fill: new ol.style.Fill({ + /*fill: new ol.style.Fill({ color: color }), stroke: new ol.style.Stroke({ color: color, width: styles.map_route_width + }),*/ + image: new ol.style.Circle({ + radius: 40, + fill: new ol.style.Fill({ + color: 'rgba(150,150,200,0.6)' + }), + stroke: new ol.style.Stroke({ + color: 'rgba(20,30,100,0.8)', + width: 3 + }) }) }); }, |