PlayMaps: kattintásra induló interaktív térképek
A Google Maps technológiájára épülő térképmegoldások hada áll a rendelkezésünkre. A nyílt API-nak köszönhetően a legkülönfélébb felületek hozhatók létre programozottan, de az utóbbi időkben további felhasználási lehetőségeket is kibocsátottak, amelyek egyszerűen beilleszthetővé tették a térképeket webes alkalmazásunkba, akár különösebb szakértelem nélkül.
Az egyik ilyen a Maps webes felületén megjelent megosztás funkció, amely segítségével tetszőlegesen megválasztott, segédpontokkal, információsablakokkal támogatott térképrészletet illeszthetünk
Egy másik alternatíva a Maps Search Wizard program, amely egy térképkereső alkalmazást valósít meg a honlapunkon belül. Az előbb említett verziót tekintve jóval rugalmasabb, hiszen lehetővé tesszük a látogatók felé, hogy saját keresőkifejezésükkel további információhoz juthassanak, mégsem szükséges viszont hozzá olyan programozott apparátus, amely a hagyományos értelemben vett Maps API működéséhez kell(het). A megoldáshoz rendelkeznünk kell fejlesztői API kulccsal. A Maps Search Wizard által generált felület egyetlen hátránya, hogy amikor nem fő funkció az oldalon a térkép, hanem inkább kiegészíti a tartalmat, jelentősen lassítja a felület betöltődését és megjelenését, nagyban rontja az össz felhasználói élményt.
Ezen hátulütő orvoslására lehet segítségünkre a napokban közzétett, blogmark formájában már a Weblaboron is hivatkozott Google Static Maps API. A szolgáltatás célja, hogy egy felparaméterezett HTTP GET lekérdezés eredményeképpen visszaadjon egy statikus térképrészletet GIF formátumú képként. A felhasználónak ebben az esetben semmilyen interakcióra nincs lehetősége, ellenben egy gyorsan betöltődő tartalmat kap cserébe, s adott esetben lehet, hogy nem is kíván élni a interaktív térkép nyújtotta többlettel.
Ezek ismeretében a célom egy optimális esetben gyorsan betöltődő, interaktív térképpel gazdagított felület volt. Nincs másra szükségünk tehát, mint összekapcsolni a két utóbb említett technikát, és a videótartalmak közlésének analógiájára egy kattintásra "induló" térképet készíteni.
A minap a blogomban vázolt PlayMaps fantázianevű elképzelés fő gondolata abban rejlik, hogy alapértelmezetten a kívánt oldalakra a Google Static Maps API segítségével statikus térképeket illesztünk be, amelyeket a még gyorsabb kiszolgálás érdekében gyorstárazhatunk is. Az oldal betöltődésekor lefutó JavaScript kód – a Lightbox működésének mintájára – feltérképezi a
A PlayMaps jelenleg demonstrációs fázisban tart, szívesen veszek mindennemű visszajelzést, ötletet. Első hiányosságként célom a Static Maps API-ban opcionálisan megjelölt markerek automatikus átültetése az interaktív térképekre is.
■ Az egyik ilyen a Maps webes felületén megjelent megosztás funkció, amely segítségével tetszőlegesen megválasztott, segédpontokkal, információsablakokkal támogatott térképrészletet illeszthetünk
iframe
-ként a weboldalba. Ezen szolgáltatás eléréshez legfeljebb Google ügyfélfiókkal szükséges csak rendelkeznünk.Egy másik alternatíva a Maps Search Wizard program, amely egy térképkereső alkalmazást valósít meg a honlapunkon belül. Az előbb említett verziót tekintve jóval rugalmasabb, hiszen lehetővé tesszük a látogatók felé, hogy saját keresőkifejezésükkel további információhoz juthassanak, mégsem szükséges viszont hozzá olyan programozott apparátus, amely a hagyományos értelemben vett Maps API működéséhez kell(het). A megoldáshoz rendelkeznünk kell fejlesztői API kulccsal. A Maps Search Wizard által generált felület egyetlen hátránya, hogy amikor nem fő funkció az oldalon a térkép, hanem inkább kiegészíti a tartalmat, jelentősen lassítja a felület betöltődését és megjelenését, nagyban rontja az össz felhasználói élményt.
Ezen hátulütő orvoslására lehet segítségünkre a napokban közzétett, blogmark formájában már a Weblaboron is hivatkozott Google Static Maps API. A szolgáltatás célja, hogy egy felparaméterezett HTTP GET lekérdezés eredményeképpen visszaadjon egy statikus térképrészletet GIF formátumú képként. A felhasználónak ebben az esetben semmilyen interakcióra nincs lehetősége, ellenben egy gyorsan betöltődő tartalmat kap cserébe, s adott esetben lehet, hogy nem is kíván élni a interaktív térkép nyújtotta többlettel.
Ezek ismeretében a célom egy optimális esetben gyorsan betöltődő, interaktív térképpel gazdagított felület volt. Nincs másra szükségünk tehát, mint összekapcsolni a két utóbb említett technikát, és a videótartalmak közlésének analógiájára egy kattintásra "induló" térképet készíteni.
Kattintásra »induló« térképrészlet statikus képként beágyazva
A minap a blogomban vázolt PlayMaps fantázianevű elképzelés fő gondolata abban rejlik, hogy alapértelmezetten a kívánt oldalakra a Google Static Maps API segítségével statikus térképeket illesztünk be, amelyeket a még gyorsabb kiszolgálás érdekében gyorstárazhatunk is. Az oldal betöltődésekor lefutó JavaScript kód – a Lightbox működésének mintájára – feltérképezi a
playmaps
stílusosztállyal megjelölt képeket, és föléjük helyez egy lejátszó gombot, amire kattintva az ezidáig statikus térkép helyére betöltődik a dinamikus barangolást lehetővé tevő Google Map Search komponens. A gyorsabb letöltődésen és weboldal renderelésen túl járulékos előny, hogy a statikus térképrészleteket JavaScript támogatással nem rendelkező környezetben is megtekinthetjük, adott esetben akár le is menthetjük.A PlayMaps jelenleg demonstrációs fázisban tart, szívesen veszek mindennemű visszajelzést, ötletet. Első hiányosságként célom a Static Maps API-ban opcionálisan megjelölt markerek automatikus átültetése az interaktív térképekre is.
A megoldás nagy main.js letöltés nélkül
Király
js alapú
Mást várok
Lehet, hogy felesleges tényleg
Valami más ikon jó lenne
dinamikus betöltés
Ha minden igaz, a dinamikus loading lehetővé teszi a több térkép együttes használatát összeakadás nélkül.
Frissíteni fogom.
szuper