aboutsummaryrefslogtreecommitdiff
path: root/modern/src/map
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/map')
-rw-r--r--modern/src/map/Map.js2
-rw-r--r--modern/src/map/PositionsMap.js2
-rw-r--r--modern/src/map/StatusView.js13
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>