-
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
-
trisztan94
őstag
Hali!
Még mindig a térképes alkalmazáson dolgozom, amivel bénáztam a weblap készítés topikban. Most csak egy egyszerű kérdésem lenne. Van egy form, amit ha felad a felhasználó, kiszedi az adatokat az input mezőkből (címeket), azt pedig elküldi egy aszinkron függvénynek, ami utólag feltölt vele egy tömböt.
Jelenleg még csak két input mezővel tesztelem:
[OFF]<div class="form-group waypoint-container">
<label for="waypoints" class="col-md-1 control-label">1.</label>
<div class="col-md-11">
[/OFF] <input type="text" name="waypoints[]" class="form-control form-control-square waypoint" placeholder="Indulási hely" />
[OFF] </div>
</div>
<div class="form-group waypoint-container last-waypoint-container">
<label for="waypoints" class="col-md-1 control-label">2.</label>
<div class="col-md-11">[/OFF]
<input type="text" name="waypoints[]" class="form-control form-control-square waypoint" placeholder="Érkezési hely" />
[OFF] </div>
</div>[/OFF]Itt a form submit eseményre rakott eseménykezelőm:
$('.form-directions').on('submit', function () {
$('.waypoint').each(function () {
getDrivingDirections($(this).val());
});
return false;
});A getDrivingDirections függvény alapvetően két dolgot csinál: első körben geocode-olja (magyarul "geokód"?) a beírt adatokat, hogy GPS koordinátákkal tudjunk dolgozni. Amikor megkaptuk a koordinátákat, akkor pedig tervez rá egy útvonalat a megadott paraméterekkel. Tehát a getDrivingDirections függvény két másik függvényt hív meg: geoCode() és planRoute(). Egyelőre még csak a geoCode függvény implementálásánál tartok.
Tehát miután meghívtuk a getDrivingDirections-t, meghívódik a geoCode():
function geoCode (address) {
nokia.places.search.manager.findPlaces({
searchTerm: address,
onComplete: onGeoCodingCompleted,
searchCenter: map.center
});
}Ez végül meghívja amikor végetért az aszinkron feladat az onGeoCodingCompleted függvényt:
function onGeoCodingCompleted(data, requestStatus, requestId) {
if (requestStatus == "OK") {
var locations = data.results.items;
waypoints.push(locations[0].position);
for (var i = 0; i < waypoints.length; i++) {
console.log(waypoints[i]);
}
} else if (requestStatus == "ERROR") {
alert("hiba");
}
}Na és most jönne a tényleges kérdés. A console.log 3 objektumot ad vissza mindig, pedig csak két input mező van. Mindig az első input mezőt logolja kétszer:
Miért?
(Azért írtam le így az egész működést, mert biztosan lesznek még kérdéseim ezzel kapcsolatban, így ezt megelőlegeztem magamnak
)
Új hozzászólás Aktív témák
- Dell ReadyRails A6 1U Rail Kit R210, R210 II, Dx600G, stb. szerverekhez (JWFR6, W6XNW, YNG10)
- Kingston HyperX Fury 2x4GB 2133MHz DDR4 kit / Beszámítás OK! / Akciós Ár!
- Eladó Sony PlayStation 5 (Slim) 1TB Digital Edition 2026.12-ig garanciával!
- ASRock B250M-HDV / MSI B150 PC Mate
- 250GB Sata SSD-k / Samsung 840 Evo / 850 Evo / CM871a / Kingmax /
- Apple iPhone 12 64GB - Kártyafüggetlen, Fekete, 91% Akku - 1 Év Garanciával
- AKCIÓ! LENOVO ThinkPad P15 Gen 2 munkaállomás - i7 11800H 32GB DDR4 512GB SSD Quadro T1200 W11
- iPhone 13 mini 128GB Green -1 ÉV GARANCIA - Kártyafüggetlen, MS4052, 94% Akkumulátor
- Apple iPad 5. generáció (A1822) 128GB, asztroszürke
- Apple iPhone 12 256GB, Kártyafüggetlen, 1 Év Garanciával
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
)