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 ( - { @@ -29,6 +30,15 @@ const LiveMap: react.FC = () => { > + ); }; 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;