URG: 3.vaja: Simulator treninga (projektno delo, iCycle)

Ali Gator — Mon, 07 Jun 2010 22:36:48 +0000

Navodilo:

1. Ustvarite spletno aplikacijo, ki bo omogočala prikaz zemljevida ter kolesarskih poti na zemljevidu. Za prikaz zemljevida na spletni strani uporabite knjižnico OpenLayers (http://openlayers.org). Za zemljevid lahko uporabite Google Maps. Kolesarko pot sestavite s pomočjo koordinat GPS, s katerimi tvorite lomljenko, katero tudi prikažete na spletni strani. Zemljevid centrirajte na Slovenijo (15.0, 46.0). Nastavite naslednje atribute: Prikazano območje: (-20037508.34,-20037508.34,20037508.34,20037508.34) Projekcija karte: EPSG:900913 (google maps) Projekcija prikaza: EPSG:4326 (zapis GPS) Pretvorba projekcije:

reproject = function(x,y)

{

var point = new OpenLayers.LonLat(x,y).transform(

new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913"));

return point;

}

2. Dodajte možnost vnašanja poti z uporabo OL kontrol za risanje (http://openlayers.org/dev/examples/draw-feature.html) ter izris že obstoječih poti z lomljenkami. Obstoječe poti naj bodo zaenkrat podane v nizih ("x₁,y₁", "x₂,y₂",...,"x_ny_n"), katere tvorite sami. Z zapis poti v OL uporabite OpenLayers.Geometry.LineString, v katere vnesete točke poti. Vse točke morate projicirati v projekcijo EPSG:900913 (funkcija reproject). Primer risanja najdete na povezavi. Upoštevajte, da funkcija reproject vrača rezultat v strukturi OpenLayers.LonLat, za tvorjenje geometrije pa morate pretvoriti v strukturoOpenLayers.Geometry.Point. 3. Ustvarite strukturo za zapis geografske točke. Struktura naj vsebuje zemljepisno širino in dolžino, nadmorsko višino ter časovno značko. Kolesarske poti lahko zapišete kot polje točk. Strukturo bomo uporabljali za animacijo ter za izračune poti. Napišite funkcijo za pretvorbo kolesarske poti z vaše strukture v strukturo, katero lahko prikažete v OpenLayers (vector). V spletni aplikaciji omogočite prikaz različnih kolesarskih poti (dodajte nov sloj za vsako kolesarsko pot), vsako kolesarsko pot pa prikažite v drugi barvi. Pripravite si tudi funkcije za računanje dolžine poti, dolžino vzpona in spusta, višinsko razliko ter povprečno hitrost celotne prevožene poti ter posameznih odsekov kolesarske poti. 4. Ustvarite "umetne" zapise kolesarskih poti in zapisov GPS. Prikažite animacijo vožnje kolesarjev (zapis GPS) po kolesarskih poteh. Na spletni strani naj bo možno izbrati kolesarsko pot (in kolesarje, ki so vozili po izbrani poti). Vožnjo kolesarja prikažite kot točko, ki se premika po kolesarski poti, vsak kolesar naj bo prikazan z drugačno barvo. Izpišite podatke o dolžini poti, dolžinah vzopona, spusta, višinske razlike, povprečno hitrost kolesarja, ter trenutno hitrost kolesarja (glede na položaj). Pri izbiri kolesarske poti se zemljevid samodejno poveča (zoomira) na kolesarsko pot z majhnim odmikom na vsaki strani. Dodajte gumbke za začetek in konec animacije ter spustne menuje za izbiro kolesarske poti in voženj. Pri animaciji uskladite položaj kolesarja s kolesarsko potjo - se pravi v primeru odstopanja kolesarja popravite njegov položaj da se bo ujemal s kolesarsko potjo. Označite tudi, če kolesar preveč zaide s predpisane poti (izberite toleranco npr. 5m, 10m, 15m) in to tudi označite.

KOMA.si, stari ... » openlayers

URG: 3.vaja: Simulator treninga (projektno delo, iCycle)

Navodilo: