Basic mechanism to support different tile providers.

src/components/gpx/styles.ts

@@ -40,10 +40,11 @@ const textFill = new Fill({
 
 const wptTextStyle = (feature: Feature) =>
   new Text({
-    font: '12px Calibri,sans-serif',
+    font: '16px Calibri,sans-serif',
     text: feature.get('name'),
     fill: textFill,
     stroke: textStroke,
+    offsetY: -40,
   });
 
 const trtksegStyle = new Style({ stroke: trackStrokeStyle });