diff --git a/src/components/MlIconLayer/MlIconLayer.stories.js b/src/components/MlIconLayer/MlIconLayer.stories.js
index 302d52b..ad74d5c 100644
--- a/src/components/MlIconLayer/MlIconLayer.stories.js
+++ b/src/components/MlIconLayer/MlIconLayer.stories.js
@@ -23,9 +23,7 @@ const Template = (args) => {
const [timeParam, setTimeParam] = useState();
const timeRef = useRef();
-
const dataUrl = useMemo(
- // currently vv is used to prevent cache as time requires an opensky account
() =>
timeParam
? "https://meri.digitraffic.fi/api/ais/v1/locations?from=" + (timeParam)
@@ -33,8 +31,6 @@ const Template = (args) => {
[timeParam]
);
- const plainDataUrl = "https://meri.digitraffic.fi/api/ais/v1/locations?mmsi=312691000";
-
const increaseTimeParam = () => {
setTimeParam(timeParam + 10);
};
@@ -45,58 +41,57 @@ const Template = (args) => {
useEffect(() => {
if (mapContext.map) {
- //mapContext.map.setZoom(8.5);
- mapContext.map.jumpTo({ center: [22.870581, 62.543826], zoom:5.5 });
+ mapContext.map.jumpTo({ center: [22.870581, 62.543826], zoom: 5.5 });
setTimeParam(Math.floor(new Date().getTime()) - 5000);
}
}, [mapContext.map]);
return (
<>
- {
- timeRef.current = new Date().getTime();
- const props = d.properties;
- return {
- mmsi: props.mmsi,
- velocity:props.sog,
- navStat: d.properties.navStat,
- time_contact: props.timestampExternal,
- longitude: d.geometry?.coordinates[0],
- latitude: d.geometry?.coordinates[1],
- true_track: props.cog,
- accurancy: props.posAcc,
- interpolatePos: d3.geoInterpolate(
- [d.geometry?.coordinates[0], d.geometry?.coordinates[1]],
- d.geometry?.coordinates[0] === null
- ? [d.geometry?.coordinates[0], d.geometry?.coordinates[1]]
- :
+ {
+ timeRef.current = new Date().getTime();
+ const props = d.properties;
+ return {
+ mmsi: props.mmsi,
+ velocity: props.sog,
+ navStat: d.properties.navStat,
+ time_contact: props.timestampExternal,
+ longitude: d.geometry?.coordinates[0],
+ latitude: d.geometry?.coordinates[1],
+ true_track: props.cog,
+ accurancy: props.posAcc,
+ interpolatePos: d3.geoInterpolate(
+ [d.geometry?.coordinates[0], d.geometry?.coordinates[1]],
+ d.geometry?.coordinates[0] === null
+ ? [d.geometry?.coordinates[0], d.geometry?.coordinates[1]]
+ :
turf.transformTranslate(
- turf.point([
- d.geometry?.coordinates[0],
- d.geometry?.coordinates[1],
- ]),
- props.sog * 5.14444444 , //distance in meters over 10 sec
- props.heading,
- {
- units: "meters",
- }
- ).geometry.coordinates
- ),
- };
- }}
- data_property="features"
- onData={renewDataUrl}
- >
-
-
-
+ turf.point([
+ d.geometry?.coordinates[0],
+ d.geometry?.coordinates[1],
+ ]),
+ props.sog * 5.14444444, //distance in meters over 10 sec
+ props.heading,
+ {
+ units: "meters",
+ }
+ ).geometry.coordinates
+ ),
+ };
+ }}
+ data_property="features"
+ onData={renewDataUrl}
+ >
+
+
+
>
);
};
diff --git a/src/components/MlIconLayer/assets/airplane-icon.png b/src/components/MlIconLayer/assets/airplane-icon.png
deleted file mode 100644
index 1892184..0000000
Binary files a/src/components/MlIconLayer/assets/airplane-icon.png and /dev/null differ