Geofences on most maps

2 files changed, 4 insertions, 0 deletions

diff --git a/modern/src/other/EventPage.js b/modern/src/other/EventPage.js
index 7f5d32ba..7bd5be30 100644
--- a/modern/src/other/EventPage.js
+++ b/modern/src/other/EventPage.js
@@ -11,6 +11,7 @@ import { useTranslation } from '../common/components/LocalizationProvider';
 import MapView from '../map/core/MapView';
 import MapCamera from '../map/MapCamera';
 import MapPositions from '../map/MapPositions';
+import MapGeofence from '../map/MapGeofence';
 
 const useStyles = makeStyles(() => ({
   root: {
@@ -70,6 +71,7 @@ const EventPage = () => {
       </AppBar>
       <div className={classes.mapContainer}>
         <MapView>
+          <MapGeofence />
           {position && <MapPositions positions={[position]} />}
         </MapView>
         {position && <MapCamera latitude={position.latitude} longitude={position.longitude} />}
diff --git a/modern/src/other/ReplayPage.js b/modern/src/other/ReplayPage.js
index 556f5a87..46f7571c 100644
--- a/modern/src/other/ReplayPage.js
+++ b/modern/src/other/ReplayPage.js
@@ -22,6 +22,7 @@ import ReportFilter from '../reports/components/ReportFilter';
 import { useTranslation } from '../common/components/LocalizationProvider';
 import { useCatch } from '../reactHelper';
 import MapCamera from '../map/MapCamera';
+import MapGeofence from '../map/MapGeofence';
 
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -151,6 +152,7 @@ const ReplayPage = () => {
   return (
     <div className={classes.root}>
       <MapView>
+        <MapGeofence />
         <MapRoutePath positions={positions} />
         {index < positions.length && (
           <MapPositions positions={[positions[index]]} onClick={onClick} />