diff options
Diffstat (limited to 'modern/src/map')
-rw-r--r-- | modern/src/map/Map.js | 2 | ||||
-rw-r--r-- | modern/src/map/PositionsMap.js | 2 | ||||
-rw-r--r-- | modern/src/map/StatusView.js | 13 |
3 files changed, 11 insertions, 6 deletions
diff --git a/modern/src/map/Map.js b/modern/src/map/Map.js index d02fae1..8c9bf51 100644 --- a/modern/src/map/Map.js +++ b/modern/src/map/Map.js @@ -103,7 +103,7 @@ const Map = ({ children }) => { { id: 'gmapsSatellite', title: t('mapGmapsSatellite'), uri: styleGmapsSatellite() }, { id: 'gmapsHybrid', title: t('mapGmapsHybrid'), uri: styleGmapsHybrid() }, ], 'gmapsStreets'); - }, [mapTilerKey]); + }, [locationIqKey]); useEffect(() => { const listener = (ready) => setMapReady(ready); diff --git a/modern/src/map/PositionsMap.js b/modern/src/map/PositionsMap.js index ba23289..1e7571b 100644 --- a/modern/src/map/PositionsMap.js +++ b/modern/src/map/PositionsMap.js @@ -22,7 +22,7 @@ const PositionsMap = ({ positions }) => { if (position) { if (position.attributes.ignition) { return 'green'; - } else if (position.attributes.ignition == undefined) { + } else if (position.attributes.ignition === undefined) { return 'gray'; } else { return 'red'; diff --git a/modern/src/map/StatusView.js b/modern/src/map/StatusView.js index 5526e14..47a7516 100644 --- a/modern/src/map/StatusView.js +++ b/modern/src/map/StatusView.js @@ -9,9 +9,9 @@ import ListItemText from '@material-ui/core/ListItemText'; import { useSelector } from 'react-redux'; import ReplayIcon from '@material-ui/icons/Replay'; -import ExitToAppIcon from '@material-ui/icons/ExitToApp'; import EditIcon from '@material-ui/icons/Edit'; import DeleteIcon from '@material-ui/icons/Delete'; +import LinkIcon from '@material-ui/icons/Link'; import { formatPosition, getStatusColor, getBatteryStatus, formatDistance, formatSpeed, @@ -62,6 +62,11 @@ const StatusView = ({ setRemoveDialogShown(false); }; + const handleGotoLink = () => { + const url = `https://maps.google.com/maps?q=${position.latitude},${position.longitude}&z=18`; + window.open(url, "_blank"); + } + return ( <> <Paper className={classes.paper} elevation={0} square> @@ -106,7 +111,7 @@ const StatusView = ({ </Grid> <Grid item container> <Grid item> - <Button color="secondary" onClick={handleClick}>More Info</Button> + <Button color="secondary" onClick={handleClick}>{t('sharedShowInfo')}</Button> </Grid> <Grid item> <IconButton onClick={onShowHistory}> @@ -114,8 +119,8 @@ const StatusView = ({ </IconButton> </Grid> <Grid item> - <IconButton> - <ExitToAppIcon /> + <IconButton onClick={handleGotoLink}> + <LinkIcon /> </IconButton> </Grid> <Grid item> |