transparency camp

44
Design interactive maps using a CSS-like styling language. Host maps exported from TileMill on a fast and light map server. Take interactive TileMIll maps offline for mashing up with KML and GeoRSS. Open Source: beautiful, fast, and easy

Upload: development-seed

Post on 27-Jan-2015

111 views

Category:

Documents


0 download

DESCRIPTION

We'll talk about how to take open data and visualize it on a map using open source technology at Transparency Camp 2011.

TRANSCRIPT

Page 1: Transparency camp

Design interactive maps using a CSS-like styling language.

Host maps exported from TileMill on a fast and light map server.

Take interactive TileMIll maps offline for mashing up with KML and GeoRSS.

Open Source: beautiful, fast, and easy

Page 2: Transparency camp

Telling Complex Stories with Maps

Page 3: Transparency camp
Page 4: Transparency camp
Page 5: Transparency camp
Page 6: Transparency camp
Page 7: Transparency camp
Page 8: Transparency camp

256 x 256 (pngs/jpgs)

Page 9: Transparency camp

Where do tiles come from?

Page 10: Transparency camp

Data Collection GIS Analysis Map Design

Page 11: Transparency camp

Data Collection GIS Analysis Map DesignMap Design(after you collect and work with your data in ESRI or OpenGeo)

Page 12: Transparency camp

{Data- Shapefile- KML- GeoJSON} {Design

- MBTiles*- PDF- PNG }

Map Design: Data to Device

{Device- Web- Mobile- Paper}

Page 13: Transparency camp

{Data- Shapefile- KML- GeoJSON} {Design

- MBTiles*- PDF- PNG }

Map Design: Data to Device

{Device- Web- Mobile- Paper}

MBTiles formata simple schema for storing binary tiles and data within SQLite databases to package maps in a way that makes them more portable and pluggable.

{- MBTiles*}

Page 14: Transparency camp

TileMill is a full-featured map design studio powered by open source technology.

Page 15: Transparency camp

Targeted Users:- GIS experts - Data analysts - Program managers - Communication teams - Developers

Page 16: Transparency camp

Project BrowserTileMill’s main start page shows all the projects you are developing and helps you manage your data sets and quickly start a new project.

Page 17: Transparency camp

Editing InterfaceUsing a CSS-like language, the editor on the right controls the map style and updates it in real time.

Page 18: Transparency camp

Color PaletteTileMill keeps track of all the colors you use in a project, and makes it easy to edit them and add new ones.

Page 19: Transparency camp
Page 20: Transparency camp
Page 21: Transparency camp
Page 22: Transparency camp

Adding LayersLayers are how sets of data are added to a map in TileMill. Each layer references a single shapefile, geoJSON file, KML file, geoTIFF, or (soon) PostGIS database query.

Page 23: Transparency camp

Data ManagementAdding a layer opens a dialog you can browse to select shapefiles from your local machine.

Page 24: Transparency camp
Page 25: Transparency camp

Layer ManagementAll the data sets that you have brought into your map show up on the left hand side.

Page 26: Transparency camp

Layer Data InspectorYou can inspect any data layer

Page 27: Transparency camp
Page 28: Transparency camp
Page 29: Transparency camp
Page 30: Transparency camp
Page 31: Transparency camp

Exporting Maps Export your map to a PNG image or to an MBTiles file. You can also view past exports.

Page 32: Transparency camp
Page 33: Transparency camp
Page 34: Transparency camp

TileStream is a super fast map server for hosting maps (MBTiles) made with TileMill.

Page 35: Transparency camp

Targeted Users:- GIS experts - Data analysts - Program managers - Communication teams - Developers

Page 36: Transparency camp
Page 37: Transparency camp
Page 38: Transparency camp
Page 39: Transparency camp
Page 40: Transparency camp
Page 41: Transparency camp
Page 42: Transparency camp
Page 43: Transparency camp
Page 44: Transparency camp