Skip to content

Instantly share code, notes, and snippets.

@bsudekum
Created October 24, 2012 02:36
Show Gist options
  • Save bsudekum/3943384 to your computer and use it in GitHub Desktop.
Save bsudekum/3943384 to your computer and use it in GitHub Desktop.
Creative Morning Map Tutorial
How I generated the Creative Mornings map. Example here: http://visuallybs.com/creative/
1. Create a new project in photoshop with a 2px x 2px canvas.
2. Make 1 of the 4 pixels black
3. Save this as a png.
4. Open Tilemill.
5. Using the carto command 'polygon-pattern-file' select the polygon you would like to replace with the png you just generated in PS. This gives the polygon a pixelated/dot look.
6.Export your map as mbtiles.
7. Upload to mapbox.com and embed or map or....
8. Download https://github.com/mapbox/mbutil
9. Use this python tool to extract the tiles from your mbtiles.
10. Upload the tiles to your website. (reference http://www.visuallybs.com/no-box/ )
11. Using your library of choice reference your tiles like you would any other tile url.
12. Drink a beer.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment