diff --git a/public_html/markers.js b/public_html/markers.js
index 444296d..eb09c23 100755
--- a/public_html/markers.js
+++ b/public_html/markers.js
@@ -5,68 +5,68 @@
// FA icons
var shapes = {
'airliner': {
- svg: '',
+ svg: '',
size: [25,26]
},
'balloon': {
- svg: '',
+ svg: '',
size: [9,13],
noRotate: true
},
'cessna': {
- svg: '',
+ svg: '',
size: [17,13]
},
'heavy_2e': {
- svg: '',
+ svg: '',
size: [28,29]
},
'heavy_4e': {
- svg: '',
+ svg: '',
size: [28,30]
},
'helicopter': {
- svg: '',
+ svg: '',
size: [16,18]
},
'hi_perf': {
- svg: '',
+ svg: '',
size: [15,21]
},
'jet_nonswept': {
- svg: '',
+ svg: '',
size: [18,18]
},
'jet_swept': {
- svg: '',
+ svg: '',
size: [18,24]
},
'twin_large': {
- svg: '',
+ svg: '',
size: [21,20]
},
'twin_small': {
- svg: '',
+ svg: '',
size: [19,16]
},
'ground_emergency': {
- svg: '',
+ svg: '',
size: [6, 15]
},
'ground_service': {
- svg: '',
+ svg: '',
size: [6, 15]
},
'ground_unknown': {
- svg: '',
+ svg: '',
size: [6, 15]
},
'ground_fixed': {
- svg: '',
+ svg: '',
size: [12, 12]
},
'unknown': {
- svg: '',
+ svg: '',
size: [17,17]
}
}
@@ -286,12 +286,12 @@ function getBaseMarker(category, typeDesignator, typeDescription, wtc) {
return shapes['unknown'];
}
-function svgPathToSvg(path, stroke, fill) {
- path = path.replace('aircraft_color_fill', fill).replace('aircraft_color_stroke', stroke);
+function svgPathToSvg(path, stroke, fill, selected_stroke) {
+ path = path.replace('aircraft_color_fill', fill).replace('aircraft_color_stroke', stroke).replace('add_stroke_selected', selected_stroke);
return path;
}
-function svgPathToURI(path, stroke, fill) {
- return "data:image/svg+xml;base64," + btoa(svgPathToSvg(path, stroke, fill));
+function svgPathToURI(path, stroke, fill, selected_stroke) {
+ return "data:image/svg+xml;base64," + btoa(svgPathToSvg(path, stroke, fill, selected_stroke));
}
diff --git a/public_html/planeObject.js b/public_html/planeObject.js
index c117408..e53b9af 100644
--- a/public_html/planeObject.js
+++ b/public_html/planeObject.js
@@ -352,11 +352,12 @@ PlaneObject.prototype.updateIcon = function() {
var col = this.getMarkerColor();
var opacity = 1.0;
var outline = (this.position_from_mlat ? OutlineMlatColor : OutlineADSBColor);
+ var add_stroke = (this.selected) ? ' stroke="black" stroke-width="1px"' : '';
var baseMarker = getBaseMarker(this.category, this.icaotype, this.typeDescription, this.wtc);
var rotation = (this.track === null ? 0 : this.track);
//var transparentBorderWidth = (32 / baseMarker.scale / scaleFactor).toFixed(1);
- var svgKey = col + '!' + outline + '!' + baseMarker.svg + '!' + "!" + scaleFactor;
+ var svgKey = col + '!' + outline + '!' + baseMarker.svg + '!' + add_stroke + "!" + scaleFactor;
var styleKey = opacity + '!' + rotation;
if (this.markerStyle === null || this.markerIcon === null || this.markerSvgKey != svgKey) {
@@ -368,7 +369,7 @@ PlaneObject.prototype.updateIcon = function() {
anchorYUnits: 'fraction',
scale: 1.2 * scaleFactor,
imgSize: baseMarker.size,
- src: svgPathToURI(baseMarker.svg, outline, col),
+ src: svgPathToURI(baseMarker.svg, outline, col, add_stroke),
rotation: (baseMarker.noRotate ? 0 : rotation * Math.PI / 180.0),
opacity: opacity,
rotateWithView: (baseMarker.noRotate ? false : true)