#ogdcamp Talk: "Tilemile: A Modern Map Design Studio Powered by Open Source Technology"

A modern map design studio
powered by open source technology

TILEMILL

TTTT'

V

;i* r '

_fj ."

/

-:;::;-:^v^^

-<2)

^^

*F

7A^

0H&*

Jnicza

^Sp

e^^

■-.:■•:■':

Dmkarnla

■ 5.-I-* ■

.-' -■;;-^'--- ■-"■-'

Wojciecha Chrzanowskiego

.a?

£ ***, #,##*

MS*

\cfi

UP*

^

;^

*J

i^

"ilL

J S I KobieJska

»

■rn

IQ

stewa Augusta

S

" * — %. -^^ — "iJ I

U

11&2'-

Oyt-'d^KVa

£U

Ztef9S ka

gw<u

^sf

^

*<*&**

ffi

tit

^

*K.

_

Development Seed + About

^Projects fit Team / Blog

+ ■►

Map paused. Click play to resume.

NodeConf
May 2011

Development Seed

We are a creative data visualization and
mapping team. We help organizations use
data to explain complex issues and make
better decisions.

Nxt

*//.

<m

4 ; *i*;

U.S. School Districts
(une 2011

©

Port Au Prince
April 2010

Geneva Switzerland

April 2011

Ayacucho Peru

April 2003

Food Security in Africa
September 2008

Congo DE

AprtFJS

jfjileMill

-,

_

C O loca I h ost : S 8 8.9 / #! / p roj e ct / wars aw

ftiO A

Warsaw

style^mss

highway.mss

labels^mss

notes

1 /

* it***************************************************************

/* F0SS4G 2G11 WMS BENCHMARK STYLE FOR MAPNIK

f-k ** + + * + + + + + ** + * + * + + + + + + + + * + + + + + + + * + * + + * + ** + + + **** + ** + * + ****•** + **•+

/* ==== LANDUSE PALETTE ===========================================

^waterwayjabel
J landusejabel
J •■waterjabel
/ ■''minorroadjabel
■■mainroadjabel
'■'motorwayjabel
* place
/ bridge

2
3
4
5
6

©cemetery: #d1d1d1;

8 ©forest: #c4d0bc;

9 ©hospital: #e5c6c3;
10 ©land: #f2efe9;

©park: #b5d29c;

12 (Sparking: #d1dGcd;

13 ©school: #ded2ac;

14 ©water: #99b3cc;
15

16 /* ==== LANDUSE & LANDCOVER =====================

17

Map { background-color :^yater; }
19

2G #land { polygon-fill :@land- }
21

22 #water_genG [zootn>2] [zocnn<=9] ,

23 #water_gen1[zoom>9][zooTi<=12],

24 #water[zoom>12] {

polygon-fill :@water;
26 }
27

#landuse_gen1[type=' cemetery' ][zooTi?9][zooin<=12] T
#landuse [type- 'cemetery' ][zooti>12] {
polygon-fill : ©cemetery;

}
32

GEODATA

GeoJSON,
Shape files,
PostGIS, ...

TILEMILL

LI9H

pnc

PDF

mBTILES

Style data in TileMill

and export PNG, PDF

or MBTiles

ff MapB

ox

Hosting Support Showcase Documentation

M TileMill

Design beautiful maps

|£ TileMill control Room

Data

A

Design

«

Interaction

□ c*pon » ^

ttyle.m**

labels .mss

Map { background -color ;@base; }
8

►water -poly ( polygon- fill :toase; >

* 1 a-nd : : g.1 ow- inne r [ zocwi>9 ] {
line -color: #225 160;
line-width: i,2;
Line-join: round;

line-opacity :i0L4;

}

rid; :glow- jnnerniddl | ] (

line-color :*225* 60;
line-wio*t<=
line-join- round:
line-opaci'.

Download

TileMill is an application for making beautiful
maps. Whether you're a journalist, web
designer, researcher, or seasoned cartographer,
"TileMill is the design studio you need to create

Powered by Open Source

TileMill is built on a suite of modern open source
libraries including Mapnik, node.js, backbone.js,

express and CodeMirror.Jump on GitHub where
you can die into rr-e source code.

GECfbAIA

KML JSON.
or SHP files

TILEMILL

■™ -»H

<

y I I

>

ITIBTILES

Stylo data in TilcMill and
export PNG, PDF, or MBTiles

MBTll.ES

TILESTREAM

MAF-- TILES

<

MAPBOX FOR IPAD

Display tiles offline or
breaming from Tilestream

I r |

STREAMING MAPS
Mapbox maps,

Tile Manager

Analytics
Map Builder

>

miiPTILES

Cloud-based tile &U n..\ y.v.
management, and delivery

0[] your

MapB

ox

Design

Support Showcase Documentation

# Hosting

Host your maps in the cloud

MapBox is an easy-to-use hosting service that
gets maps onto your websites fast. Whether you
design custom maps in TileMill or use the
existing layers in our tileset library, MapBox

MBTiles

MBTiles is at the core of MapBox hosting. It is a
fast, open format for storing millions of map tiles
in a single SQLite file. MBTiles makes it easy to
manaee mans, transfer them reliably, and use

TILEMILL

http://tilemill.com
http://mapbox.com