State of the Art Web Mapping With TileMill Justin Miller MapBox - - PowerPoint PPT Presentation

state of the art web mapping with tilemill
SMART_READER_LITE
LIVE PREVIEW

State of the Art Web Mapping With TileMill Justin Miller MapBox - - PowerPoint PPT Presentation

State of the Art Web Mapping With TileMill Justin Miller MapBox justin@mapbox.com @incanus77 About MapBox Me TileMill This workshop Download & Install http://mapbox.com/tilemill Cross-platform Windows XP


slide-1
SLIDE 1

State of the Art Web Mapping With TileMill

Justin Miller • MapBox

justin@mapbox.com • @incanus77

slide-2
SLIDE 2

About

  • MapBox
  • Me
  • TileMill
  • This workshop
slide-3
SLIDE 3

Download & Install

  • http://mapbox.com/tilemill
  • Cross-platform
  • Windows XP & up
  • Mac OS X 10.6 & up
  • Ubuntu Linux 10.04 & up
slide-4
SLIDE 4

Signup To Publish

  • http://tiles.mapbox.com/signup
  • Free to signup & no billing details
  • Up to 3,000 map views per month
  • 1 map view = 15 tiles
slide-5
SLIDE 5

Authenticate TileMill

slide-6
SLIDE 6

Break

slide-7
SLIDE 7

Supported Formats

  • Esri Shapefile
  • GeoTIFF
  • PostGIS
  • SQLite
  • CSV
  • KML
  • GeoJSON
slide-8
SLIDE 8

CartoCSS is Code

#borders { line-color: #fff; line-width: 3; }

slide-9
SLIDE 9

Symbolizers

  • Line (for lines &

polygons)

  • Polygon (for polygons)
  • Point (for points)
  • Text (for points, lines,

and polygons)

  • Shield (for points &

lines)

  • Line Pattern (for lines &

polygons)

  • Polygon Pattern (for

polygons)

  • Raster (for rasters)
  • Markers (for points,

lines, & polygons)

  • Buildings
slide-10
SLIDE 10

Commenting Code

  • Surround code with /* and */
  • Works for multiple lines, too
  • Preface code with //
  • Works for single lines only
slide-11
SLIDE 11

Using Variables

  • Variables for features

@water: #000;

  • Variables for scale or zoom

@z1: 1.5;

slide-12
SLIDE 12

Support

  • Web-based forums
  • http://support.mapbox.com
  • Internet Relay Chat (IRC)
  • irc.freenode.net #mapbox
slide-13
SLIDE 13

Break

slide-14
SLIDE 14

Maki

  • Free POI icon set
  • Open source
  • http://mapbox.com/maki
slide-15
SLIDE 15

Gallery

  • http://mapbox.com/tilemill/gallery
  • All made with TileMill
  • Live & usable
slide-16
SLIDE 16

Friday, April 26, 13

slide-17
SLIDE 17
slide-18
SLIDE 18
slide-19
SLIDE 19

For More Info

  • http://mapbox.com/tilemill
  • http://support.mapbox.com
  • irc.freenode.net #mapbox
  • justin@mapbox.com