SlideShare a Scribd company logo
1 of 54
Download to read offline
Mapping Data to the Web:	

A Primer for Tilemill & Mapbox
TileMill sits at the
intersection of GIS
and Cartography
of the web
(in code and design)
i.e. this:
not this:
built to bake up a
whole batch of
speedy tiles
high performance &
high interactivity
mapnik:
High-quality, web-standard map
rendering
available on windows,
mac, linux
free and open	

(free as in speech AND free
as in beer)
Download:
Fire it up:
#b8dee6 =
#4a7370 =
Map 	
	
{ background-color: #4a7370; }	

	
	
#countries { 	
	
	::outline {
	
		
	 	line-color: #85c5d3;	
		
	
line-width: 2;
	
	
	 	line-join: round; 	
	
} 	
	
	
polygon-fill: #fff;	
	
	
}	

This stuff is called
CartoCSS , and it
looks like web CSS
Grab some open data and get started	

D.C. Census Tracts: 	

	


http://db.tt/wNnjCNzK
Supported input formats:	

- ESRI Shapefile – GeoTiff	

	

- PostGIS- SQLite - CSV- KML - GeoJSON
Supported output formats:	

- Static Images:	

-  PNG / JPEG	

-  SVG / PDF	

- Dynamic Tiles	

-  MBTiles (SQLite)
customize!
Support Channels:	

	

Twitter: @mapbox	

	

Freenode IRC: #mapbox	

	

support.mapbox.com

More Related Content

What's hot

7. 3x3 matrixaddmulttouchpad
7. 3x3 matrixaddmulttouchpad7. 3x3 matrixaddmulttouchpad
7. 3x3 matrixaddmulttouchpad
Media4math
 
MapReduce
MapReduceMapReduce
MapReduce
robjk
 
Day 2 examples u6w14
Day 2 examples u6w14Day 2 examples u6w14
Day 2 examples u6w14
jchartiersjsd
 
Belfast City Centre 3D Modelling
Belfast City Centre 3D ModellingBelfast City Centre 3D Modelling
Belfast City Centre 3D Modelling
Ciara MacManus
 
Amiina bakunowicz:GC Pedestrian Bridge
Amiina bakunowicz:GC Pedestrian BridgeAmiina bakunowicz:GC Pedestrian Bridge
Amiina bakunowicz:GC Pedestrian Bridge
ArchiLab 7
 

What's hot (20)

7. 3x3 matrixaddmulttouchpad
7. 3x3 matrixaddmulttouchpad7. 3x3 matrixaddmulttouchpad
7. 3x3 matrixaddmulttouchpad
 
Best Web-based Data Visualization tools
Best Web-based Data Visualization tools Best Web-based Data Visualization tools
Best Web-based Data Visualization tools
 
Konzeptentwicklung
KonzeptentwicklungKonzeptentwicklung
Konzeptentwicklung
 
SportsDataViz using Plotly, Shiny and Flexdashboard - PlotCon 2016
SportsDataViz using Plotly, Shiny and Flexdashboard - PlotCon 2016SportsDataViz using Plotly, Shiny and Flexdashboard - PlotCon 2016
SportsDataViz using Plotly, Shiny and Flexdashboard - PlotCon 2016
 
Bus Karo: Powering Transit Information with Open Data
Bus Karo: Powering Transit Information with Open DataBus Karo: Powering Transit Information with Open Data
Bus Karo: Powering Transit Information with Open Data
 
Creating Geometric Networks at the City of Barrie
Creating Geometric Networks at the City of BarrieCreating Geometric Networks at the City of Barrie
Creating Geometric Networks at the City of Barrie
 
SFScon 21 - Marco Montanari - Open history Map
SFScon 21 - Marco Montanari - Open history MapSFScon 21 - Marco Montanari - Open history Map
SFScon 21 - Marco Montanari - Open history Map
 
MapReduce
MapReduceMapReduce
MapReduce
 
Tor creator
Tor creatorTor creator
Tor creator
 
Graph t heory
Graph t heoryGraph t heory
Graph t heory
 
Enrich Visually Google Map Information With Layers
Enrich Visually Google Map Information With LayersEnrich Visually Google Map Information With Layers
Enrich Visually Google Map Information With Layers
 
The OpenCage Geocoder
The OpenCage GeocoderThe OpenCage Geocoder
The OpenCage Geocoder
 
Day 2 examples u6w14
Day 2 examples u6w14Day 2 examples u6w14
Day 2 examples u6w14
 
Powering Transit Information with Open Data
Powering Transit Information with  Open DataPowering Transit Information with  Open Data
Powering Transit Information with Open Data
 
Belfast City Centre 3D Modelling
Belfast City Centre 3D ModellingBelfast City Centre 3D Modelling
Belfast City Centre 3D Modelling
 
3D Solution Templates - Making the World 3D
3D Solution Templates - Making the World 3D3D Solution Templates - Making the World 3D
3D Solution Templates - Making the World 3D
 
How to Get the Most Out of LiDAR Data
How to Get the Most Out of LiDAR DataHow to Get the Most Out of LiDAR Data
How to Get the Most Out of LiDAR Data
 
Automating Spatial Data Sharing
Automating Spatial Data SharingAutomating Spatial Data Sharing
Automating Spatial Data Sharing
 
Amundsen gremlin proxy design
Amundsen gremlin proxy designAmundsen gremlin proxy design
Amundsen gremlin proxy design
 
Amiina bakunowicz:GC Pedestrian Bridge
Amiina bakunowicz:GC Pedestrian BridgeAmiina bakunowicz:GC Pedestrian Bridge
Amiina bakunowicz:GC Pedestrian Bridge
 

Viewers also liked (7)

Ushahidi – need for speed 2011
Ushahidi – need for speed 2011Ushahidi – need for speed 2011
Ushahidi – need for speed 2011
 
Bui duy icu
Bui duy icuBui duy icu
Bui duy icu
 
Baroque
BaroqueBaroque
Baroque
 
Stop That Clot
Stop That ClotStop That Clot
Stop That Clot
 
Sql for Everything: GIS on the Web
Sql for Everything: GIS on the WebSql for Everything: GIS on the Web
Sql for Everything: GIS on the Web
 
Vt response netsquared 11/29/11
Vt response netsquared 11/29/11Vt response netsquared 11/29/11
Vt response netsquared 11/29/11
 
Beat
BeatBeat
Beat
 

Similar to Tilemill gwu-wboykinm

Web enabling your survey business ppt version
Web enabling your survey business ppt versionWeb enabling your survey business ppt version
Web enabling your survey business ppt version
rudy_stricklan
 

Similar to Tilemill gwu-wboykinm (20)

State of the Art Web Mapping with Open Source
State of the Art Web Mapping with Open SourceState of the Art Web Mapping with Open Source
State of the Art Web Mapping with Open Source
 
Concepts and Methods of Embedding Statistical Data into Maps
Concepts and Methods of Embedding Statistical Data into MapsConcepts and Methods of Embedding Statistical Data into Maps
Concepts and Methods of Embedding Statistical Data into Maps
 
The 'right' choices in GIS - Grontmij
The 'right' choices in GIS - GrontmijThe 'right' choices in GIS - Grontmij
The 'right' choices in GIS - Grontmij
 
DSD-INT 2022 The visual way of working​ - Joling
DSD-INT 2022 The visual way of working​ - JolingDSD-INT 2022 The visual way of working​ - Joling
DSD-INT 2022 The visual way of working​ - Joling
 
Graph computation
Graph computationGraph computation
Graph computation
 
SenchaCon 2016: Developing COSMOS Using Sencha Ext JS 5 - Shenglin Xu
SenchaCon 2016: Developing COSMOS Using Sencha Ext JS 5 - Shenglin XuSenchaCon 2016: Developing COSMOS Using Sencha Ext JS 5 - Shenglin Xu
SenchaCon 2016: Developing COSMOS Using Sencha Ext JS 5 - Shenglin Xu
 
The 21st Century Harvard Map
The 21st Century Harvard MapThe 21st Century Harvard Map
The 21st Century Harvard Map
 
What are customers building with new Bing Maps capabilities
What are customers building with new Bing Maps capabilitiesWhat are customers building with new Bing Maps capabilities
What are customers building with new Bing Maps capabilities
 
Web enabling your survey business ppt version
Web enabling your survey business ppt versionWeb enabling your survey business ppt version
Web enabling your survey business ppt version
 
INAC Online Hazards Database App
INAC Online Hazards Database AppINAC Online Hazards Database App
INAC Online Hazards Database App
 
Digital submittal
Digital submittalDigital submittal
Digital submittal
 
GEBCO 09 - DELPH
GEBCO 09 - DELPHGEBCO 09 - DELPH
GEBCO 09 - DELPH
 
HTML5 and CartoDB
HTML5 and CartoDBHTML5 and CartoDB
HTML5 and CartoDB
 
VTS 3D Map Streaming and Rendering Stack
VTS 3D Map Streaming and Rendering StackVTS 3D Map Streaming and Rendering Stack
VTS 3D Map Streaming and Rendering Stack
 
Windows Phone 7 Bing Maps Control
Windows Phone 7 Bing Maps ControlWindows Phone 7 Bing Maps Control
Windows Phone 7 Bing Maps Control
 
A tech writer, a map, and an app
A tech writer, a map, and an appA tech writer, a map, and an app
A tech writer, a map, and an app
 
Graphics Standards and Algorithm
Graphics Standards and AlgorithmGraphics Standards and Algorithm
Graphics Standards and Algorithm
 
Draw More, Work Less
Draw More, Work LessDraw More, Work Less
Draw More, Work Less
 
A practical guide to GIS in Civil 3D
A practical guide to GIS in Civil 3DA practical guide to GIS in Civil 3D
A practical guide to GIS in Civil 3D
 
D3 Mapping Visualization
D3 Mapping VisualizationD3 Mapping Visualization
D3 Mapping Visualization
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Quantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingQuantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation Computing
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Less Is More: Utilizing Ballerina to Architect a Cloud Data Platform
Less Is More: Utilizing Ballerina to Architect a Cloud Data PlatformLess Is More: Utilizing Ballerina to Architect a Cloud Data Platform
Less Is More: Utilizing Ballerina to Architect a Cloud Data Platform
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
 

Tilemill gwu-wboykinm