código abierto para la explotación y estilización de ... · isaac –“pixel ninja ......

20
Código abierto para la explotación y estilización de vector tiles Wladimir Szczerban

Upload: votu

Post on 27-Jan-2019

231 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Código abierto para la

explotación y estilización de

vector tiles

Wladimir Szczerban

Page 2: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

¿Quién soy?

2

Jornadas de SIG Libre 2018

Nombre: Wladimir Szczerban Llatas

Profesión: Ing. Informático (Máster en SIG)

Trabajo: l’Institut Cartogràfic i Geològic de Catalunya

https://github.com/bolollo

Contacto:

[email protected]

@bolosig

Page 3: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Equipo Geostart

Raf – “Mystic Chief Visioneer”

Marc – “Lord Geospatial Dreamer”

Victor – “Master Maker of Things”

Montse – “In-house Tech Mastermind”

Jessica – “Mobile Platform Pioneer”

Isaac – “Pixel Ninja”

Sergio – “Startup Prophet”

Bolo – “Refactoring Messiah”

@icgcat

http://icgc.cat/Innovacio

@geostarters

http://betaportal.icgc.cat/

Grupo de desarrollo,

innovación y prototipaje del

Institut Cartogràfic i Geològic

de Catalunya. Productos y

servicios basados en

geoinformación.

3

Jornadas de SIG Libre 2018

Page 4: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

OpenICGC

4

Jornadas de SIG Libre 2018

Datos *

$$$ x Ha CC BY 4.0

http://icgc.cat/L-ICGC/Actualitat2/Noves-condicions-d-us-ara-mes-senzilles-i-obertes

Software

No compartir código FOSS ( gencat )

https://openicgc.github.io/

Page 5: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Github OpenICGC

5

Jornadas de SIG Libre 2018

https://openicgc.github.io/

Repositorios de código: código fuente de prototipos y

aplicaciones

Estilos Mundial: adaptados al BackgroundMaps

Estilos Catalunya: adaptados a la piramide 25M del ICGC

Bases Raster: servicios teselados

Terrenos: MDT 5m para 3D Cesium

Herramientas: utilizadas en diferentes aplicaciones

Page 6: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Github OpenICGC

Vector Tiles

6

Jornadas de SIG Libre 2018

https://openicgc.github.io/

Población de Catalunya: aplicación que consume base

VT y datos en VT.

https://github.com/gencat/ICGC-poblacio-catalunya

Pintamaps: aplicación que permite generar un estilo

simple para la base BackgroundMaps.

https://github.com/gencat/ICGC-pintamaps-omt

Tile stitch: herramienta que combina mbtiles vector,

reemplazando una área seleccionada, usada para crear la

base BackgroundMaps.

https://github.com/gencat/ICGC-tile-stitch

Page 7: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Github OpenICGC

Vector Tiles

7

Jornadas de SIG Libre 2018

https://openicgc.github.io/

Createsprites: herramienta que permite generar sprites a

partir de archivos SVGs para consumir en VT.

https://github.com/gencat/ICGC-createsprites

Fonticon generator: herramienta que permite generar una

fuente a partir de archivos SVGs. Crea una fuente que se

puede consumir en VT.

https://github.com/gencat/ICGC-fonticon-generator

Page 8: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

¿Por qué el

BackgroundMaps?

8

Jornadas de SIG Libre 2018

Imagen: http://simpsons.wikia.com/wiki/File:Homer_Looking_at_Map _(Art work).png

Page 9: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

Creación de una base mundial continua donde se integran los

datos del ICGC con los datos de OpenStreetMap (OSM) siguiendo

el esquema de datos de OpenMapTiles (OMT by @klokantech)

Nivel de zoom del 0 al 14

En Catalunya los datos del ICGC reemplazan a los datos de

OSM

9

Jornadas de SIG Libre 2018

Page 10: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

Bases cartográficas

Cartografía

Geosistemas

Análisis y tratamiento de datos (Datastart)

Geostart

10

Jornadas de SIG Libre 2018

Equipo multidisciplinar y transversal con participación de

los departamentos de:

Page 11: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

11

Jornadas de SIG Libre 2018

Imagen: http://www.oakwoodsys.com/wp-content/uploads/2017/09/Data- Analytics-Head er.jpg

Page 12: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

12

Jornadas de SIG Libre 2018

Imagen: https://ugc.kn3.net/i/origin/https://www.laguiadelvaron.com/wp-content/uploads/2016/01/buzo5.jpg

Page 13: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

13

Jornadas de SIG Libre 2018

Imagen: https://img.haikudeck.com/mg/8903fc3515_1463521408490.jpgImagen: http://chrispiascik.wpengine.netdna-cdn.com/wp-content/uploads/2013/05/1360-20130507-PROCESSnotMagic.png

Page 14: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

14

Jornadas de SIG Libre 2018

Imagen: https://ugc.kn3.net/i/origin/https://www.laguiadelvaron.com/wp-content/uploads/2016/01/buzo5.jpg

Page 15: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

15

Jornadas de SIG Libre 2018

Datos ICGC

esquema OMT

Page 16: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

16

Jornadas de SIG Libre 2018

t-rex tileserver

Datos ICGC

esquema OMT

planet.mbtiles

57 Gb

icgc.mbtiles

500 Mb

Cache (archivos .pbf)

Mapbox / MBUtil

Page 17: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

BackgroundMaps v1.0

17

Jornadas de SIG Libre 2018

planet.mbtiles

~ 57 Gb

icgc.mbtiles

~ 500 Mb

mundicat.mbtiles

~ 57.3 Gb

ICGC-tile-stitch

Imagen: https://i.pinimg.com/736x/ea/35/d0/ea35d0f65f c8a3f0aa6a5bcf4d4c2c50--road-trips-travel-souvenirs.jpg

Page 18: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Herramientas

utilizadas

18

Jornadas de SIG Libre 2018

ICGC-tile-stitch

t-rex tileserver

PostGIS a .pbf

Servir el mbtiles

https://geoserveis.icgc.cat/data/planet/z/x/y.pbf

Visualización rápida de

mbtiles sin estilos

Combinar diferentes mbtiles

Mapbox / MBUtil

Generar mbtiles a partir de .pbf

Mapbox / supermercado

Calcular teselas que interceptan el

área de trabajo

Page 19: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Generar estilos

19

Jornadas de SIG Libre 2018

Estilos complejos y detallados

https://maputnik.github.io/

Estilos simples y fáciles

https://github.com/gencat/ICGC-pintamaps-omt

Page 20: Código abierto para la explotación y estilización de ... · Isaac –“Pixel Ninja ... Pintamaps: aplicación que permite generar un estilo simple para la base BackgroundMaps

Preguntas ??? Institut Cartogràfic i Geològic

de Catalunya

Parc de Montjuïc,

E-08038 Barcelona

41º22’12” N, 2º09’20” E (ETRS89)

www.icgc.cat

[email protected]

twitter.com/ICGCat

facebook.com/ICGCat

Tel. (+34) 93 567 15 00

Fax (+34) 93 567 15 67

20

Jornadas de SIG Libre 2018

Premio a la más difícil.