workshop - ruzicka - webové mapy prakticky

www.geoinformatics.upol.cz

Webové mapy prakticky

Ondřej Růžička@ondrejruzicka

www.ondrejruzicka.cz

Freelancer & DevMap s.r.o.

1. Novinky v open-source mapových knihovnáchCo nás čeká v Leaflet 1.0 a OpenLayers 3

2. Git pro verzování geodatVytvoření lokálního repozitáře, propojení s repozitářem na GitHubu, verzování

3. NoSQL databáze aneb odprostěte se od tabulekCo jsou to NoSQL databáze, možnosti uložení prostorových dat

3. Vektorové dlaždiceŘešení jak dostat velké vektorové datové sady ke klientovi

Novinky v open-source mapových knihovnách

Současná stabilní verze 0.7.3 Další plánovaná verze 0.8 -> 1.0 Vývoj se trochu zpomalil

OpenLayers 3

S verzí 2 má společný „jen“ název Verze 3.0.0 vydána 29.8.2014 Pořád je aktivní další vývoj

Leaflet 1.0

• Nová verze se nese v duchu zjednodušování a zrychlování– Menší paměťové nároky– Minimum nových funkcí– Menší velikost knihovny– Větší rychlost načítání/vykreslování dat

Leaflet 1.0

• Novinky– Rychlejší načítání dlaždic, a důraz na vzhled

během práce s mapou – preciznější animace– Dílčí zoom [map.setZoom(6.12) ]

– Vektorové vrstvy mapě bude možné vykreslovat do Canvas i jako SVG zároveň

– Lepší připravenost pro práci s displeji s vysokým rozlišením (Retina)

Leaflet 1.0

• Novinky

Nový způsob práce s projekcemi• Dosavadní verze byly úzce svázány s Web Mercator• Jiné projekce se řešili „zbytečně složitě“ • Pomocí externí knihovny Proj4Leaflet atd.• Použití pro lokální projekty bez nutnosti převodu

Leaflet 1.0

• Leaflet jde cestou rychlé a na použití jednoduché knihovny

• Další funkce jsou dostupné pomocí pluginů• Pořád jde hlavně o one-man show

Zdroj:https://speakerdeck.com/mourner/future-of-leaflet

OpenLayers 3

• Vyvíjeno od začátku jako zcela nová knihovna - odproštění od OpenLayers 2

• Komplexní knihovna se spoustou funkcí• Podpora mobilních zařízení• Hodně podporovaných formátů out-of-box:

– OSM, Bing, MapBox, Stamen, MapQuest, další XYZ formáty– WMS, WMTS, WFS– GML, GPX, KLM, GeoJSON, TopoJSON, WKT

OpenLayers 3

• Od začátku klade důraz na modularitu:

„ Most users will only need 10-15% of the total functionality. The trouble is that everybody needs a slightly different 15%“

– Tom Payne

• Využití Google Closure – framework + compiler + build tool,

• částečně lze použít i Grunt (ale pořád s nutností GC a pythonu)

OpenLayers 3

• Custom build

• Webový konfigurátor a automatické hledání závislostí je ve vývoji

OpenLayers 3 - příklady

• Tile cache + High priority loading

• Rotace

• Labely u vektorů

• Vytváření vrstev + editace

• Editace - topologie

• Image filtering

OpenLayers 3

• Příklady převzaty z:http://openlayers.org/en/v3.0.0/examples/

• Prezentace dalších vlastností OL3:– Getting Started with OpenLayers 3 — Tim Schaub,

Planet Labs (FOSS4G, 2014)

Leaflet vs. OpenLayers 3

• Kterou knihovnu preferovat a používat? Obě!• Záleží na projektu…

• Leaflet pro jednoduché projekty – „obyčejné mapy“

• OpenLayers 3 pro komplexní projekty

A sledovat vývoj, protože za rok může být vše zase jinak

Git pro verzování geodat

• Git = verzovací nástroj primárně pro verzování zdrojového kódu a týmovou spolupráci

• Lze použit i pro jiné soubory – grafika, geodata…• Nejběžnější používání GIT – CLI (příkazová řádka)• Lze používat i lokálně

• GitHub = webová služba postavená na Git, nabízí zdarma prostor pro data rozhraní pro procházení open-source projektů (existuje i placená varianta pro closed-source)

GitHub a geodata

• Od roku 2013 GitHub aktivně podporuje formát GeoJSON• Automaticky zobrazuje geodata na mapě, při procházení na

webu• Tím vzniká zajímavá platforma pro sdílení/spolupráci na

prostorových datech a jejich verzování• Specifické využití

Příklad

NoSQL databáze

• Jiná filozofie ukládání dat než do relačních databází – nepoužívají se tabulky

• Vývoj od roku 2000, z potřeby škálování, práce s BigData atd.• Výhody

– Rychlost i při velkém objemu dat – Škálovatelnost, replikace– Snazší použití – ukládání objektů (záleží na typu aplikace)

• Dělí se na další typy– Column, Document, KV, Graph

NoSQL – dokumentově orientované DB• Př. MongoDB a CouchDB• Základní jednotkou je dokument = JSON

MongoDB

• Pro všechny platformy• Nestrukturovaná (scheme-less) databáze

– Nedefinují se sloupce, atd. data se rovnou ukládají – Nevadí že u něktré dokumenty nejsou kompletní

• Databáze -> kolekce -> dokument• Interně nejsou data uloženy v JSONu ale v tzv. BSONu

– binární podoba, kvůli velikosti a přenosu dat

MongoDB - Geoprostorová data• Document = JSON

zdroj: www.geojson.org

• (Multi) Bod• (Multi) Linie• (Multi) Polygon

• 2D• 2DSphere

Prostorové indexy

MongoDB - Geoprostorová data• Prostorové dotazy

$geoIntersects - protínání$geoWithin - obsahuje$nearSphere – v blízkosti (max-min dist.)

http://mongogis.com/

MongoDB

Příklad

Kdy použít MongoDB?

• Potřebuji ukládat spoustu dat• Pro hodně uživatelů• … a rychle• Potřebuji jen jednoduché vyhledávání• Mám možnost MongoDB nainstalovat na

server• Máte někoho kdo to naprogramuje

Vektororové dlaždice

Vektory ve webových mapách

• S vývojem výkonu Javascriptu v prohlížečích se vektorová data objevují v prohlížeči častěji a častěji

• Kromě bodů také polygony i linie• Viz workshop z roku 2013:

http://statgis.upol.cz/konference/statgis2013– Prezentace ke stažení

• Problém je s velkými datasety, které se musí nejprve celé stáhnout – problém

• WFS je pouze částečné řešení • Řešení: to co funguje u rastrů

DLAŽDICE!

• Stejné schéma jako u rastrů– Každý zoom může

mít jiný LOD– Jednoznačné určení:

/{z}/{x}/{y}.json– „lazy loading“

• Nesou stejné informace jako klasický GeoJSON

• Nejednotný přístup• Neexistuje standard OGC

„Vector tiles are one of the current hot topics among the whole community that have been extensively discussed at the Code Sprint. (spring 2014)A specification draft has been prepared and will be discussed further.“

– Anne Ghisla

• Není to tak jednoduché jak s rastry…– Je potřeba větší podpora klientů

• Vznikají (zatím) nestandardizované implementace

Vektorové dlaždice

– ESRI (closed-source)

– Google (closed-source)

– MapBox – OSM (open-source)• https://github.com/mapbox/vector-tile-spec/wiki/Implementations• http://wiki.openstreetmap.org/wiki/PBF• Protocol Buffers (aka protobuf /pbf)• Slovníkově ukládané atributy (zamezuje redundanci)• Delta-encoding geometry (úspora cca 30% místa)• Binární ukládání a přenos• Celý svět (OSM data) se ve formátu PBF má okolo 25GB

Vektorové dlaždice - GeoJSON

• Jednodušší (čitelnější) varianta• Náročnější na data a rychlost než PBF• Existuje i TopoJSON varianta

• Server– Mapnik + PostGIS– Tilestache + PostGIS– MMT vector tiles (python - offline)

• Klient: Leaflet (Plugin), OL3

Příklad

• HW:– Raspberry Pi– ARM procesor 700MHz, 512MB RAM– 16GB SD karta, spotřeba cca 1W– Cena: cca 850Kč– Linka: O2 ADSL – upload cca 512kb/s

• SW:– Raspbian (Debian)– Server PostgreSQL + PostGIS– Ruian DATA - okresy– Tilestache

Ondřej Růžička@ondrejruzicka

www.ondrejruzicka.cz

Freelancer & DevMap s.r.o.

Děkuji za pozornost

workshop - ruzicka - webové mapy prakticky

Data & Analytics

scénář prakticky 2

testování prakticky

nejčastější webové zranitelnosti

webové prehliadače

přístupnost prakticky v seznam.cz

firemní facebook rychle a prakticky

prakticky vÝznamnÉ oxidy

ppc prakticky

kurz webové archivace ii

veljka ruzicka

die münzen von serdica / leon ruzicka

atribuční modely ve webové analytics

webové dogma (v České)

možnosti webové platformy wordpress

peter ruzicka

ppcčka na facebooku prakticky

máte vše hotovo? gtd+ prakticky

whole30 prakticky: plÁnovÁnÍ jÍdelnÍc ku -...

leopold ruzicka

jutta wesemann-ruzicka sap ag€¦ · the shop floor...