diff --git a/src/components/map/Reticle.tsx b/src/components/map/Reticle.tsx
new file mode 100644
index 0000000..0023710
--- /dev/null
+++ b/src/components/map/Reticle.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { Point } from '../../lib/geo';
+
+const Reticle: React.FC<{}> = () => {
+ const center: Point = { x: window.innerWidth / 2, y: window.innerHeight / 2 };
+ const radius = Math.min(window.innerWidth, window.innerHeight) / 8;
+
+ return (
+
+
+
+
+ );
+};
+
+export default Reticle;
diff --git a/src/components/map/map.tsx b/src/components/map/map.tsx
index 741169e..84a9f01 100644
--- a/src/components/map/map.tsx
+++ b/src/components/map/map.tsx
@@ -26,6 +26,7 @@ import TileServerChooserButton from './TileServerChooserButton';
import TileServerChooserDialog from './TileServerChooserDialog';
import TrackBrowser from './TracksBrowser';
import Settings from './Settings';
+import Reticle from './Reticle';
const Map: react.FC<{}> = () => {
const dispatch = useDispatch();
@@ -53,7 +54,7 @@ const Map: react.FC<{}> = () => {
-
+ }>
dbReady &&
@@ -66,7 +67,7 @@ const Map: react.FC<{}> = () => {
-
+
diff --git a/src/components/map/whiteboard.tsx b/src/components/map/whiteboard.tsx
index 5a04915..a347e38 100644
--- a/src/components/map/whiteboard.tsx
+++ b/src/components/map/whiteboard.tsx
@@ -4,6 +4,7 @@ import { MapState } from '../../store/map';
interface WhiteboardProps {
children?: any;
+ fixedChildren?: any;
}
const Whiteboard: React.FC = (props: WhiteboardProps) => {
@@ -12,7 +13,12 @@ const Whiteboard: React.FC = (props: WhiteboardProps) => {
);
return (
-