Balázs Gábor: Térképcsempe renderelés

100 %
0 %
Information about Balázs Gábor: Térképcsempe renderelés
Education

Published on February 11, 2014

Author: OpenStreetMap_HU

Source: slideshare.net

Description

Balázs Gábor ( Ingatlan.com ) : Térképcsempe renderelés
• slippy map, csempék, csempe url
• mapnik pár szóban
• egy kép renderelése mapnikkal
• teljes Magyarország renderelése
• egy saját megoldás a csempék "on the fly" renderelésére

OpenStreetMap meetup előadás
http://www.meetup.com/OpenStreetMap-OSGeo-Hungary/events/160519262/

Csempe renderelés Balázs Gábor <balazs.gabor@arkon.hu>

Slippy map ● általában egy mozgatható, zoomolható térkép ● “The Slippy Map” - az openstreetmap.com kezdőlapján megjelenő térkép ● lényegében egy JavaScript alkalmazás ● legelterjedtebb könyvtárak: OpenLayers vagy Leaflet ● ezeken egy rétegek vannak ○ például műholdkép, vektoros réteg rajzoláshoz

Csempék ● egy nagy raszteres kép az egész világra túl nagy lenne ● daraboljuk fel 256x256-os képekre ● ezek a csempék

Példa a csempe rétegre

Mapnik ● ● ● ● toolkit térképek rendereléshez de facto standard - OSM is ezt használja C++-ban íródott létezik minden népszerű programnyelvhez binding: Python, JavaScript, stb.

Mapnik #2 ● egy térkép definiálására több mód létezik ○ API-n keresztül programkódból ○ Mapnik xml-ből ● adatforrás lehet: shapefile, PostGIS, OSM xml, stb.

Mapnik Hello World import mapnik m = mapnik.Map(<szelesseg>, <magassag>) mapnik.load_map(m, "<osm.xml>", True) bbox = mapnik.Envelope(<minx>, <miny>, <maxx>, <maxy>) m.zoom_to_box(bbox) im = mapnik.Image(<szelesseg>, <magassag>) mapnik.render(m, im) im.save("terkep.png", 'png256')

Feladatok ● Feladatok, ha saját térképet szeretnénk: a. teljes Magyarországra és minden zoom szintre legenerálni a csempéket b. a megfelelő könyvtárstruktúrába elmenteni c. webről elérhetővé tenni (mi Varnish + Nginx) d. JavaScriptből erre hivatkozni

Kész megoldások Mapnik Stylesheets (régi XML) https://github.com/openstreetmap/mapnik-stylesheets OpenStreetMap Carto (új CartoCSS) https://github.com/gravitystorm/openstreetmap-carto

mapnik-stylesheets Fontosabb fájlok: ● generate_image.py egy kép/csempe ● generate_tiles.py összes csempe ● generate_tiles_multiprocess.py többszálú ● osm.xml a stíluslap

Munkafolyamatunk ● régen: egy előre megadott terület lett mindig újrarenderelve ○ lassú volt ○ nem látszott pont az, amit szerkesztettünk ● most: livetiles (saját megoldás) ○ ha változik a stíluslap, vagy egy hivatkozott fájl, akkor újratölt ○ többszálú működés

Lehetne még ● TileMill ○ térkép szerkesztő a Mapbox-tól ○ a mi térképünk nem ebben a formátumban van ○ lassú ekkora térképre (miénk 51k sor most) ● CartoCSS ○ CSS szerű szintakszis, tömörebb forma újrafelhasználható elemek ○ nem migrálunk rá egyhamar, túl költséges

Livetiles demo

Köszönöm a figyelmet! Forráskód a elérhető GitHub-on: https://github.com/balazsgabor/livetiles Előadás: http://goo.gl/QkU1YR

Add a comment

Related presentations

Related pages

Posts tagged: renderelés - renderelés Archívum | Mesharray

Bakos Gábor fotós blogja; Igaz Balázs audió blogja; ... renderelés. 3ds Max MASSIVE ... Előadó, és egyben oktató: Lampert Gábor Ha érdekel a ...
Read more

3ds Max nyílt nap Debrecenben | Mesharray

Bakos Gábor fotós blogja; Igaz Balázs audió blogja; Tantermeink; ... Modellezés, animáció, textúrázás, renderelés, dinamika és ...
Read more

Pályázatok 2006 Szentendrei Régi Művésztelepen lévő ...

Benkő Balázs építészmérnök ... látványtervezés, design, építészeti makett, lakberendezés, renderelés, ... U. Nagy Gábor építész ...
Read more

MÛ ÉS VILÁGA - Lapszámok | Korunk

... BALÁZS JÚLIA, SASS GYÖNGYI, SÓLYOM ANNAMÁRIA A ... (Cseke Gábor fordítása) ... mint például a grafikai renderelés és a nagy képernyõs ...
Read more

BME VIK - Hálózati szolgáltatások fejlesztése Android ...

Lajtha Balázs: doktorandusz ... AndAR), mintaalkalmazások, teljesítmény-korlátok (hálózat és renderelés) ... Fehér Gábor, PhD: e. docens:
Read more

Autocad Feladatok - Informatikai Intézet – üdvözlet a ...

homepage of Erdohelyi Balazs. Autocad Feladatok. Személyes ... (Szabó Gábor) , 3DILLESZT: ... Fények, anyagok, renderelés, mozgás útvonal: 2007. 05. 02.
Read more

Videó-effektek - YouTube

Videó-effektek Ferenczy Gabor ... Németh Balázs tutorial Effektek IV. ... renderelés/ (HUN) - Duration: 28:56. RaZoR-R3dLinE 18,095 views.
Read more

Kronoroll Studio

Kronoroll Studio, Budapest, Hungary. 1,817 likes · 1 talking about this · 1 was here. www.kronoroll.hu
Read more