Tworzenie i wyświetlanie tras na mapie
1. Cel projektu
Stworzyć wygodny system do przechowywania, edytowania i wizualizacji tras, które są używane przez wielu użytkowników. Zapewnić szybki dostęp do informacji o trasach oraz czytelne wyświetlanie na mapie dla efektywnego planowania i analizy.
2. Główne komponenty
Google Sheets jako baza danych:
Przechowywane są wszystkie trasy z unikalnym kodem, datą utworzenia, nazwą przedsiębiorstwa i działu, typem trasy (Podstawowa, Alternatywna itp.), przynależnością (Pole-Magazyn, Magazyn-Magazyn).Formularz dodawania/edycji:
Przyjazny interfejs dla użytkowników z listami rozwijanymi do szybkiego wyboru przedsiębiorstwa, działu, typu i przynależności trasy. Automatyczne tworzenie unikalnego kodu trasy przy dodawaniu nowego wpisu.Dane trasy:
Rejestrowane są punkty początku i końca trasy, lista punktów pośrednich lub współrzędnych, łączny przebieg w kilometrach.
3. Wizualizacja mapy
Leaflet.js — biblioteka open source do tworzenia interaktywnych map, obsługująca warstwy wielofunkcyjne i markery.
OpenStreetMap — darmowa podkładka mapowa, nie wymagająca kluczy API ani ograniczeń, co czyni projekt niezależnym od płatnych usług.
Wyświetlanie trasy:
Na mapie wyświetlane są markery początku, końca i wszystkich punktów pośrednich trasy, a także linia łącząca te punkty w poprawnej kolejności.Problemy:
Obecna trudność — stabilny wybór i wyświetlanie pojedynczej trasy spośród kilku na mapie. Należy dopracować mechanizm filtrowania i aktualizacji wizualizacji.
4. Szczegóły techniczne
Google Apps Script:
Obsługa logiki interakcji z Google Sheets, pobieranie, dodawanie i aktualizacja danych tras za pomocą skryptów zintegrowanych z interfejsem webowym.JavaScript + Leaflet.js:
Implementacja mapy w interfejsie webowym, obsługa zdarzeń użytkownika (wybór trasy, aktualizacja mapy), tworzenie tras na podstawie współrzędnych.Wieloużytkowość:
System uwzględnia możliwość jednoczesnej pracy wielu użytkowników z ochroną danych i synchronizacją zmian.
5. Aktualny stan projektu - ale możliwe ulepszenia
W pełni funkcjonalna baza w Google Sheets z formularzem do dodawania/edycji tras — możliwe propozycje ulepszeń
Mapa na Leaflet.js poprawnie ładuje się z podkładką OpenStreetMap.
Wyświetlanie tras na mapie nie jest jeszcze zaimplementowane.
6. Kolejne zadania
Wdrożyć jasny interfejs wyboru trasy, który umożliwi:
Wybieranie trasy z listy lub za pomocą filtrów (przedsiębiorstwo, typ, przynależność).
Po wybraniu odświeżać mapę, czyścić poprzednie warstwy, wyświetlać tylko wybraną trasę ze wszystkimi punktami.
Możliwość dodania podczas wypełniania formularza przy tworzeniu trasy, gdzie trzeba ręcznie wpisać współrzędne punktu, ich wprowadzenie przez kliknięcie na mapie
Optymalizacja pracy z punktami pośrednimi:
Automatyczne tworzenie linii trasy (Polyline) w poprawnej kolejności.
Dodanie wskaźnika ładowania/błędów podczas pracy z mapą.
-
7 dni1098 PLN
7 dni1098 PLN
Witam
Jestem programistą w dziedzinie ML/DL i Web Dev | Web Scraping. Chętnie wykonam Twój projekt. Napisz do mnie, omówimy.
-
14 dni2371 PLN
315 14 dni2371 PLN
Dzień dobry, Ołeksandrze.
Mam rozwiązanie na poziomie MVP, mogę zrobić demonstrację i dopracować je pod Państwa zgłoszone potrzeby. Specjalizuję się w opracowywaniu i wdrażaniu urządzeń IoT, GPS oraz tworzeniu oprogramowania Low-code i no-code.
-
7 dni878 PLN
949 10 1 1 7 dni878 PLN
Witam.
Mogę zrealizować zadanie. Mam doświadczenie w podobnych projektach. Terminy i kosztorys są orientacyjne - trzeba omówić szczegóły.
Pisz, zrobię wszystko szybko i solidnie.
-
5 dni1317 PLN
375 3 1 5 dni1317 PLN
Witam! Od ponad 6 lat zajmuję się podobnymi zadaniami i w tym czasie zrealizowałem ponad 400 projektów o różnym stopniu skomplikowania. Praca z mapami, API oraz interaktywną wizualizacją danych (tak jak u Was — Leaflet i Google Sheets) — to moja kluczowa specjalizacja.
Widzę, że macie już podstawy, a głównym zadaniem jest teraz „ożywienie” mapy i uczynienie jej interaktywną.
Jak widzę plan pracy:
1. Połączenie danych i mapy: Najpierw zaimplementujemy podstawowe wyświetlanie jednego, dowolnego, trasy z Waszej Google Sheets, aby ustalić przesyłanie danych.
2. Interfejs wyboru: Tworzymy filtry (listy rozwijane), które będą dynamicznie ładować nazwy dostępnych tras.
3. Interaktywność: Pisujemy logikę, która po wybraniu trasy w filtrze wyczyści mapę i narysuje nową (markery + linia).
… 4. Ulepszenia: Dodajemy wskaźniki ładowania, aby użytkownik wiedział, że dane są pobierane, oraz realizujemy wspomnianą funkcję dodawania współrzędnych po kliknięciu.
Odnośnie oceny:
Pod względem terminów: Implementacja całej logiki wyświetlania i interaktywności zazwyczaj zajmuje 4-5 dni roboczych.
Pod względem kosztów: Zakres cen na takie zadania to około 15 tys. zł.
A tak przy okazji, gdy będziemy budować linię trasy, możemy nie tylko łączyć punkty linią prostą, ale wytyczać trasę po rzeczywistych drogach. To da dokładniejszy przebieg i bardziej realistyczną wizualizację.
Proponuję krótką rozmowę techniczną na 15-20 minut. Moglibyśmy omówić architekturę współdziałania skryptów i logikę działania filtrów. W ten sposób będę mógł podać Ci dokładną wycenę i wspólnie wybierzemy najlepszą metodę realizacji.
-
5 dni1317 PLN
2382 36 3 5 dni1317 PLN
Dzień dobry, niedawno opracowywałem podobną rzecz dla strony przewozowej, mam doświadczenie w tworzeniu takich rozwiązań i bez problemu pomogę Ci w opracowaniu takiej mapy z trasami, zrobię wszystko pod klucz, skontaktuj się!
Artem
-
7 dni2371 PLN
55687 1028 1 10 7 dni2371 PLN
Witam. Mam duże doświadczenie w tworzeniu stron internetowych. Jestem gotowy do współpracy
-
12 dni878 PLN
1299 7 0 12 dni878 PLN
Dzień dobry!
Mam doświadczenie w pracy z Leaflet.js, w szczególności w tworzeniu różnych form na mapie — realizowałem wyświetlanie stref zarejestrowanych użytkowników, czatów oraz funkcji wyszukiwania na mapie. Pracowałem również z elementami takimi jak Polyline.
Mogę zrealizować cały niezbędny interfejs zgodnie z wymaganiami.
Napisz, omówimy szczegóły — chętnie nawiążę współpracę!
-
15 dni1317 PLN
2745 59 0 15 dni1317 PLN
Dzień dobry!
Ciekawy projekt.
Będę mógł pomóc w budowie poligonów, zrealizować interfejs
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Praca z API Twitter
2000 PLN
Szukamy programisty, który pracował z API Twittera. Zadanie: napisanie skryptu bota, parsera. Również szukamy dla BlueSky Szczegóły w wiadomościach prywatnych Javascript & Typescript, Parsowanie danych ∙ 13 godzin 40 minut temu ∙ 9 ofert |
Potrzebny Web deweloper z dobrym zrozumieniem Wordpress
439 PLN
1. Wprowadzić poprawki dotyczące rozmieszczenia elementów strony, która już istnieje na nexterasolutions.space 2. Dodać nową stronę według projektu 3. Przenieść na nową domenę Układ HTML i CSS, Javascript & Typescript ∙ 21 godzin 51 minut temu ∙ 33 oferty |
Trzeba postawić hosting na serwerze + skonfigurować backend. Node.js. Google SheetsWszystko podaję. serwer + klucze API tabel Dzień dobry. Należy skonfigurować backend na Node.js z połączeniem z Google Sheets do zapisywania danych z formularza. Cena i termin Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 15 godzin temu ∙ 17 ofert |
Animacja strony za pomocą GSAPPoszukiwany jest frontendowiec, który ma dobre doświadczenie z biblioteką GSAP. Konieczne będzie zrealizowanie animacji podobnych do tych na tym wideo - https://yelpix.notion.site/Animation-232846a8f72b80f5bbf2daa66faf3312?source=copy_link To wideo nie jest przykładem, to jest… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 16 godzin temu ∙ 2 oferty |
Tworzenie strony internetowej studia architektonicznego na WordPress1. Ogólne informacje Zamawiający: Studio architektoniczne [Nazwa] Cel: Tworzenie nowoczesnej, responsywnej, wielostronicowej strony z portfolio, usługami, kontaktami oraz możliwością zarządzania treścią przez panel administracyjny WordPress. CMS: WordPress 2. Główne cele… Content Management Systems, Javascript & Typescript ∙ 1 dzień 21 godzin temu ∙ 25 ofert |
Winnica