1. Wymagania...
No to lecimy wg instrukcji ze strony projektu:
Jeśli jeszcze ich nie masz to… pssst… zaoszczędź kilka minut swojego życia i zrób to jak prawidziwy kozak.
winget install git.git
winget install OpenJS.NodeJS
2. Tworzenie projektu
Teraz jedziemy dalej.
npm create ol-app my-app
cd my-app
npm start
Ka boom!
w katalogu roboczym „C:\laragon\GPX\OpenLayer\” (twój będzie inny) pojawił się nowy folder „my-app” są tam niezbędne do dalszej pracy pliki projektu.
Jak widzisz po npm start
w konsoli dostajesz URLa. Pod tym adresem działa Twój projekt! Otwórz go w przeglądarce (CTRL+ LPM). Masz swoją mapę!
3. Modyfikacje
Teraz możesz sobie edytować pliki i dostosowywać do swoich potrzeb (w czasie rzeczywistym!)
Na przykład: edytuję plik style.css
, dodaję margines 50px z każdej strony, zapisuję i voilà samo się odświeżyło i jest z marginesami!
4. Publikacja
Jak to… opublikować? Nie będziesz chyba wysyłał na FTPa 1787 plików i prawie 40MB… No raczej!
Dlatego wbijasz w konsolę
npm run build
i po kilku sekundach masz kolejny folder dist, w którym masz wygenerowane to, co (minimalnie) potrzebujesz do publikacji. 4 pliki o wadze ~1,6MB 🙂
5.Problemy
Taki poradnik, że ładuje błędami! :/
Nie otwieraj bezpośrednio pliku, tylko wyślij to na serwer www / FTP albo opal lokalnie jakiś serwer np. laragon
Odpaliłem laragon i nadal nie działa :/
Ale… pamiętasz, że odpalając projekt lokalnie na Windows musisz odpowiednio ustawić ścieżkę do pliku? Popraw to wstawiając kropkę…