In this tutorial we will be making a laser cut wooden map using open data from Vancouver's Open data catalog. The Vancouver open data catalog has many different shape files that can be used, in this tutorial we will be using the coastal and public street data.
You can use this tutorial to make maps of any city that you have the .shp file for. The Github repo has files for some other major city.
I first learned of TileMill and Open data maps from a talk that Denim And Steel
Video version of the tutorial. http://youtu.be/V_0t9ctAAbE
Step 1: Download, Install TileMill and Start a New Project.
- You can download TileMill for free from MapBox.
- After you have installed TileMill start a new project.
Step 2: By Default Tilemill Will Give You a Blank Map With a Rough Coastal Outline of the World.
Step 3: Download Shape Data From Vancouver Open Data Catalog
Vancouver has a public open data catalog that has shape files (SHP) that can be download and imported into TileMill. In this tutorial we will be using the “Shoreline 2002” and “Public streets” shape files.
- Download the shapefiles from the vancouver open data catalog that you want to use, and extract the archives to your project directory.
Step 4: Import the Shape Files Into TileMill
- Open the layer menu by clicking the layer icon in the bottom left of the main dialog.
- Click the “Add Layer” button
- On the “Add Layer” dialog, Click the “Browse” button next to the data source. This will pop up a new dialog where you can browse for the shapefile that you want to import.
- Browse to your project directory and click on the “shoreline2002.shp” data. Then click the “Done’ button next to the data source field.
- On the “Add Layer” dialog, click the “Save & Style” button
- You should see the vancouver coastline data in blue.
- Repeat this step for the public street shapefile and non City Streets
Step 5: Clean Up the Map
- Disable the “countries” layer by clicking the “eye” in the layer panel. This will remove the white rough shoreline shape file.
- Change the color of the “map” background to #FFF (white in hex)
- Click the Save button to update the display.
- Change the colors of some of the shapefiles to make it easier to deal with in the laser cutter. In this example I am making all the streets solid red (#FF0000) and the shore line solid green (#00FF00)
Step 6: Export to SVG
- Click the Export button in the top right hand corner of the main dialog.
- By default tileMap will shows you the entire map of the world, there will be a small red section on the map. Zoom in to the red section. (vancouver)
- Hold down shift and drag a box around the map
- Click the export button button on the Export SVG dialog.
- Click the Export button again on the main dialog and select “View Exports” from the drop down
- Find the exported file in the list and click the “Save” button. A dialog will pop up with the location of the exported file. The file should be saved into your my documents directory.
Step 7: Clean Up the Map in InkScape
- The green line does not fully encapsulate the project and we need to extend the line so its connected. It does not have to be perfect as the laser will take care of it.
- Select the green line. From the menu click “path” and “Simplify” This will reduce the amount of time the laser will take to cut the boundary.
- From the file menu click “Save as”
- On the save dialog, change the “Save as type” from SVG to “Desktop cutting plotter (r13) (*.dfx)” format
Step 8: Cut the Map in Your Laser Cutter.
- Import the DFX file in to LaserCAD
- Change the power settings and the order of the cuts
- The power for the Red lines should be just enough to engrave the wood without cutting through
- The power of the green lines should be enough to cut through the wood
Step 9: Cut !
Step 10: Done
Grand Prize in the
Data Visualization Contest