M app/src/containers/Car/Header.js → app/src/containers/Car/Header.js

@@ -5,7 +5,7 @@ import Icon from '@material-ui/core/Icon';
 import {makeStyles} from '@material-ui/core/styles';
 import moment from 'moment';
 import {useTranslation} from 'react-i18next';
-
+import Link from '@material-ui/core/Link';
 const Header = ({car, toggleEditing}) => {
   const classes = useStyles();
   const {t} = useTranslation();
@@ -42,7 +42,15 @@ <Typography variant="subtitle2">
             {t('car.fields.meeting_point')}
           </Typography>
           <Typography variant="body2" id="CarMeeting">
-            {car.meeting}
+            <Link
+              component="a"
+              size="small"
+              target="_blank"
+              rel="noopener noreferrer"
+              href={`https://maps.google.com/?q=${encodeURI(car.meeting)}`}
+            >
+              {car.meeting}
+            </Link>
           </Typography>
         </div>
       )}

M app/src/containers/EventDetails/index.js → app/src/containers/EventDetails/index.js

@@ -93,8 +93,12 @@ ) : (
             <Typography variant="body1" id={`${idPrefix}Address`}>
               {event.address ? (
                 <Link
-                  href={`https://maps.google.com/?q=${event.address}`}
-                  onClick={e => e.preventDefault}
+                  href={`https://maps.google.com/?q=${encodeURI(
+                    event.address
+                  )}`}
+                  rel="noopener noreferrer"
+                  component="a"
+                  target="_blank"
                 >
                   {event.address}
                 </Link>