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