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.NodeJS2. Tworzenie projektu
Teraz jedziemy dalej.
npm create ol-app my-app
cd my-app
npm startKa 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 buildi 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! :/
net::ERR_FAILED
Access to script at 'file:///C:/assets/index-Ck5wOU8t.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
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 :/
GET http://localhost/assets/index-Ck5wOU8t.js net::ERR_ABORTED 404 (Not Found)
Ale… pamiętasz, że odpalając projekt lokalnie na Windows musisz odpowiednio ustawić ścieżkę do pliku? Popraw to wstawiając kropkę…
![[InsERT] – Nowe ceny Abonamentów na aktualizacje](https://tech-sas.pl/wp-content/uploads/2025/01/1200_800_ab_nowe_ceny-768x512.png)
