Szczegóły projektu
GeoMapping Studio
Interaktywne narzędzie mapowe do rysowania, edycji, importowania i eksportowania obiektów GeoJSON.
- React
- TypeScript
- deck.gl
- nebula.gl
- Mapbox GL
Problem
Surowe dane GeoJSON są trudne do przeglądania i edytowania. GeoMapping Studio przenosi pracę z obiektami na mapę, a dodatkowy widok tabeli pozwala sprawdzić właściwości obiektów.
Implementacja i decyzje
Aplikacja React zarządza stanem mapy, rysowania, zaznaczenia i widoku, przekazując go do osobnego komponentu mapowego. Łączy on DeckGL z edytowalnymi warstwami GeoJSON z biblioteki nebula.gl. Oddzielne hooki i usługi wczytują dane GeoJSON z adresu URL i eksportują bieżący zbiór do pliku, dzięki czemu te operacje nie są częścią komponentu mapy.
Status i ograniczenia
Kod obejmuje rysowanie i edycję obiektów, wczytywanie GeoJSON z adresu URL, przeglądanie danych w tabeli i eksport. Komponent mapy jawnie wyłącza sprawdzanie TypeScript i używa any dla części danych, dlatego nie deklaruję pełnego bezpieczeństwa typów. Publiczny szkielet aplikacji klienckiej nie potwierdził działania całego przepływu mapowego; podstawą opisu jest przypięta rewizja kodu.