-
Fototrend
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
martonx
veterán
válasz
kw3v865 #8218 üzenetére
ES6 module syntax-al kell megírnod a javascriptedet, és valamilyen csomagolóval compile-olni a kimenet javascriptet a cégén. PL. webpack erre a legelterjedtebb.
Elsőre zavarónak hathat, hogy compile-olni kell a javascriptet, de ha belejössz, akkor már tök természetes lesz, miközben van egy csomó előnye ennek a megközelítésnek. -
nevemfel
senior tag
válasz
kw3v865 #8218 üzenetére
<!DOCTYPE html>
<html>
<head>
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<link rel="stylesheet" href="maplibre-gl.css" />
<style>
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="module">
import { Map, GeolocateControl } from './maplibre-gl.js';
const mapTilerKey = "get_your_own_OpIi9ZULNHzrESv6T2vL"; // https://cloud.maptiler.com/account/keys/
const map = new Map({
container: "map",
style: `https://api.maptiler.com/maps/hybrid/style.json?key=${mapTilerKey}`,
center: [1, 15],
zoom: 3
});
map.addControl(
new GeolocateControl({
positionOptions: {
enableHighAccuracy: true
}
})
);
</script>
</body>
</html>
Innen lehúzhatod a css-t: [link]
Ez meg a js: [link]Nem egyszerű megoldás, de ez a lib eléggé friss még. Majd alakul.
-
coco2
őstag
válasz
kw3v865 #8218 üzenetére
Amit hirtelen találtam arról az importról, hogy a browser fér hozzá az anyaghoz, és előkészíti neked böngésző kiegészítésként az erőforrásait. Magát a file-t te nem kapod meg. Gyaníthatóan licencelési kérdés van mögötte. Tényleg vicces, hogy képesek voltak ilyesmit is fejleszteni.
-
Jim-Y
veterán
-
Jim-Y
veterán
válasz
kw3v865 #6771 üzenetére
Amint XHR-t hasznalsz (ajax, fetch, etc) megvaltozik a kodod viselkedese es neked is mashogyan kell gondolkodnod es a kodod is mashogy kell szervezned. A legjobban tenyleg akkor jarsz ha utananezel a neten (ezer + 1 leiras van rola) hogy hogyan kell aszinkron js kodot kezelni. Arra kell gondolnod, hogy egy AJAX hivas eredmenyere csak valamikor a jovoben szamithatsz (nyilvan mivel egy tavoli szerverrel kell kapcsolatot teremteni ami kb barmennyi ideig eltarthat). Neked ezen ido alatt, amig varsz a tavoli szerverre nem szabad felfuggesztened a programod futasat, annak tovabbra is mukdonie kell. Majd amikor a jovoben megerkezik az uzenet az eredmennyel azt fel kell dolgoznod. Ez ugye az aszinkron mukodes de talan mar ebbol is lehet sejteni hogy a szinkron gondolkodas nem jo es te a peldadban es a kerdeseddel szinkron kodban gondolkozol.
-
sztanozs
veterán
válasz
kw3v865 #6771 üzenetére
igazából a jquery nem ad vissza semmit (azonnal) - a success:-ben kellene azt feldolgoznod - ezért hívják ajax-nak a lekérdezést ("Asynchronous JavaScript + XML")
illetve ha async: false - ot állítasz be, akkor vár (blokkol) amíg visszatér a lekérés, és vissza tudod adni így:
return jQuery.ajax...
Viszont ez jQ v1.8 óta deprecated.
-
martonx
veterán
válasz
kw3v865 #6769 üzenetére
Légyszi üzemeld be a CORS-t, mert így elég nehéz lesz segíteni. Bár önmagában már ezzel is sokat tisztult a kép, hogy mit szeretnél, mert szerintem eredetileg nem is igazán ezt kérdezted
Kicsit beformáztam, hogy ne úgy nézzen ki, mint egy hányás, és szerintem ez már csak szimpla kód refaktorálás feladat.
-
martonx
veterán
válasz
kw3v865 #6764 üzenetére
Szia,
Több gond is van itt.
Egyrészt az ajaxnál nem a response-t használod, hanem az xxxx-et, aminek semmi értelme.
Másrészt az $.ajax egy promise-t csinál, ezt kapja el async módon a .done.Azaz a var tomb = refresh();console.log(tomb); esetben azért kapsz undefined-ot, mert hamarabb tér vissza a függvény, mint ahogy a .done-hoz visszatérne az ajax eredménye.
Megoldás, a függvényednek egy promise-t kellene visszaadnia, és ha kívülről akarod használni, akkor kívül kell majd használnod a .done-t.
Egy jsfiddle-t indíthatnál a probléma szemléltetésére, akkor konkrétabb segítséget is kaphatnál.
Új hozzászólás Aktív témák
- Xiaomi 13T Pro 12/512GB Jótállás: 2026.10.24.-ig Állapot: 10/10 Független
- Gigabyte B550M K épített PC Ryzen 5 5600G 64GB RAM
- Eladó egy Ezüst Macbook Pro M3 8Gb/500Gb, Francia bill,20Ciklus, 1év Apple garival
- Eladó egy Ezüst Macbook Pro M3 8Gb/500Gb, Arab bill, 3Ciklus, 1év Apple garival
- Intel Core i7 6700K / GTX 1660TI / 16GB DDR4 RAM / 500 GB SSD konfig eladó
- LG 48C3 - 48" OLED evo - 4K 120Hz 1ms - NVIDIA G-Sync - FreeSync Premium - HDMI 2.1 - A9 Gen6 CPU
- Lenovo LEGION Pro 5 / Pro 7, Lenovo Yoga Pro gépek (RTX 4060 / 4070 / 4080 / 4090)
- REFURBISHED és ÚJ - HP USB-C/A Universal Dock G2 docking station (5TW13AA) (DisplayLink)
- ÁRGARANCIA! Épített KomPhone i5 13400F 32/64GB RAM RX 7700 XT 12GB GAMER PC termékbeszámítással
- Részletfizetés , Acer Nitro V 15 minimálisan használt uj állapot sok garancia
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft
Város: Budapest