diff --git a/src/components/live-map.tsx b/src/components/live-map.tsx
index 48dc187..a6b80d5 100644
--- a/src/components/live-map.tsx
+++ b/src/components/live-map.tsx
@@ -2,6 +2,7 @@ import react from 'react';
import { useState, useEffect } from 'react';
import { Map, Marker, ZoomControl } from 'pigeon-maps';
import { Geolocation } from '@awesome-cordova-plugins/geolocation';
+import LiveOverlay from './live-overlay';
const LiveMap: react.FC = () => {
const initialCenter: [number, number] = [44.73574, 6.18981];
@@ -18,7 +19,7 @@ const LiveMap: react.FC = () => {
}, []);
return (
-
);
};
diff --git a/src/components/live-overlay.tsx b/src/components/live-overlay.tsx
new file mode 100644
index 0000000..c76f0ba
--- /dev/null
+++ b/src/components/live-overlay.tsx
@@ -0,0 +1,37 @@
+import { GeoJson, MapState, Point } from 'pigeon-maps';
+import React from 'react';
+
+const LiveOverlay: React.FC<{
+ coordinates: [number, number][];
+ mapState: any;
+ latLngToPixel: any;
+}> = (props: {
+ coordinates: [number, number][];
+ mapState: MapState;
+ latLngToPixel:
+ | ((
+ latLng: Point,
+ center?: Point | undefined,
+ zoom?: number | undefined
+ ) => Point)
+ | undefined;
+}) => {
+ return (
+
+ );
+};
+
+export default LiveOverlay;