Utfordringen: Kartlegging av utplassert utstyr Produktet måtte gjøre utplassert utstyr synlig på et kart og nyttig for personer som arbeider med skiftende posisjoner og store områder. Min rolle var å bygge grensesnittet rundt live posisjonsdata og praktiske kartinteraksjoner.
Mapbox & SVG Visualiseringsmotor Standard kartmarkører var utilstrekkelige for detaljnivået som krevdes. Jeg utviklet et tilpasset visualiseringslag ved hjelp av Mapbox kombinert med dynamiske SVG-er for å representere utstyrets komplekse tilstand.
Visualisering av posisjon og drift: Grensesnittet viste forholdet mellom hvor en bøye ble utplassert og hvor den befant seg. Jeg brukte SVG-vektorer til å tegne forholdet mellom koordinatene og gjøre bevegelse lett å lese.
Geofencing og soner: Jeg implementerte et klient-side geofencing-system ved bruk av Turf.js. Brukere kunne tegne polygonsoner på kartet, og SVG-laget kunne varsle hvis utstyr beveget seg utenfor en relevant sone.
Live innhentings-UI: Jeg bygde også en modus som viste brukerens fartøysposisjon og kurs sammen med bøya, slik at brukere kunne navigere mot utstyret i sanntid.
Visualisering av operasjonsområder En enkel punktmarkør var ikke nok til å representere alle operasjonsområder i kartet.
Jeg implementerte rendering av GeoJSON-polygoner for større områder og strukturer, slik at live utstyrsdata fikk nyttig geografisk kontekst.
