Changing the icon used for thecurrent location.

src/components/map/CurrentLocation.tsx

@@ -20,9 +20,12 @@ const CurrentLocation: React.FC<{}> = () => {
     <circle
       cx={CurrentLocationState.whiteboard.x}
       cy={CurrentLocationState.whiteboard.y}
-      r={10 / scale}
-      fill='green'
-      opacity='50%'
+      r={6 / scale}
+      fill='blue'
+      opacity='90%'
+      stroke='white'
+      strokeWidth={3/scale}
+      strokeOpacity='100%'
     ></circle>
   );
 };

src/components/map/map.tsx

@@ -9,7 +9,7 @@ import Slippy from '../slippy/slippy';
 import TiledMap from './tiled-map';
 import GetLocation from './get-location';
 import Whiteboard from './whiteboard';
-import CurrentLocation from './current-location';
+import CurrentLocation from './CurrentLocation';
 import {
   IonApp,
   IonButtons,