From 79eeb8363c25c4ea2e1677aef7a62c2e779b8cc8 Mon Sep 17 00:00:00 2001
From: Aaron Brethorst <aaron@brethorsting.com>
Date: Sun, 24 Nov 2024 22:52:35 -0800
Subject: [PATCH] Route arrow fit and finish

---
 src/lib/Provider/GoogleMapProvider.js     |  2 +-
 src/lib/Provider/OpenStreetMapProvider.js | 10 ++++++----
 src/lib/colors.js                         |  5 +++--
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/lib/Provider/GoogleMapProvider.js b/src/lib/Provider/GoogleMapProvider.js
index 9ab944d..7dab134 100644
--- a/src/lib/Provider/GoogleMapProvider.js
+++ b/src/lib/Provider/GoogleMapProvider.js
@@ -370,7 +370,7 @@ export default class GoogleMapProvider {
 			const arrowSymbol = {
 				path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
 				scale: 2,
-				strokeColor: COLORS.POLYLINE_ARROW,
+				strokeColor: COLORS.POLYLINE_ARROW_STROKE,
 				strokeWeight: 3
 			};
 
diff --git a/src/lib/Provider/OpenStreetMapProvider.js b/src/lib/Provider/OpenStreetMapProvider.js
index 91747d5..9117331 100644
--- a/src/lib/Provider/OpenStreetMapProvider.js
+++ b/src/lib/Provider/OpenStreetMapProvider.js
@@ -366,12 +366,14 @@ export default class OpenStreetMapProvider {
 			patterns: [
 				{
 					offset: 0,
-					repeat: 50,
+					repeat: 125,
 					symbol: this.L.Symbol.arrowHead({
-						pixelSize: 10,
+						pixelSize: 12,
 						pathOptions: {
-							color: COLORS.POLYLINE_ARROW,
-							fillOpacity: 1
+							color: COLORS.POLYLINE_ARROW_STROKE,
+							fill: true,
+							fillColor: COLORS.POLYLINE_ARROW_FILL,
+							fillOpacity: 0.85,
 						}
 					})
 				}
diff --git a/src/lib/colors.js b/src/lib/colors.js
index b71a7d0..0e43509 100644
--- a/src/lib/colors.js
+++ b/src/lib/colors.js
@@ -1,5 +1,6 @@
 export const COLORS = {
-	POLYLINE: '#00FF00',
-	POLYLINE_ARROW: '#8250DF',
+	POLYLINE: '#359ff7',
+	POLYLINE_ARROW_STROKE: '#21649b',
+	POLYLINE_ARROW_FILL: '#21649b',
 	VEHICLE_REAL_TIME_OFF: '#808080'
 };