{"id":1215,"date":"2013-06-26T02:22:06","date_gmt":"2013-06-26T02:22:06","guid":{"rendered":"http:\/\/garysieling.com\/blog\/?p=1215"},"modified":"2013-06-26T02:22:06","modified_gmt":"2013-06-26T02:22:06","slug":"making-maps-with-tilemill","status":"publish","type":"post","link":"https:\/\/www.garysieling.com\/blog\/making-maps-with-tilemill\/","title":{"rendered":"Making Maps with Tilemill"},"content":{"rendered":"<p><a href=\"http:\/\/www.mapbox.com\/tilemill\/\">TileMill<\/a>\u00a0is a piece of map-making software for rendering beautiful maps.\u00a0You can export the maps to\u00a0<a href=\"http:\/\/www.mapbox.com\/\">MapBox<\/a>, for a Google Maps feel or combine with a tool like\u00a0<a href=\"http:\/\/d3js.org\/\">D3.js<\/a>\u00a0for interactive infographics. There are a surprising number of data sources: weather, earthquake locations, crime statistics, and ship and plane locations. A lot of this is from\u00a0federal and municipal agencies (e.g.\u00a0<a href=\"http:\/\/www.opendataphilly.org\/\">OpenDataPhilly<\/a>).<\/p>\n<p>I like old pen and ink drawings, this first render uses thin, dark blue lines, like pen ink. I&#8217;m working on tracking down good sea monster images and the right typography for this image. This render would work well zoomed in on Philly, if I marked historical sites.<\/p>\n<p>For the background I scanned a piece of paper I made out of <a href=\"https:\/\/en.wikipedia.org\/wiki\/Typha\">cattails<\/a>, a prolific swamp-dwelling plant. In so doing I discovered that the paper must be very flat &#8211; scanners offer high resolution but at expense of a short focal length and over-exposing the image, leading to blurry or bright patches.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1216\" alt=\"world-cattail\" src=\"http:\/\/garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/world-cattail-578x414.png\" width=\"578\" height=\"414\" \/><\/p>\n<p>I added neighborhood lines (thanks Philadelphia Police!) although I had some difficulty getting them to line up with the county lines. When playing with this software, you quickly discover how many adjustments have been made to map coordinates over the year &#8211; this makes dealing with dates and times look like a piece of cake.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1217\" alt=\"philly\" src=\"http:\/\/172.104.26.128\/wp-content\/uploads\/2013\/06\/philly.png\" width=\"542\" height=\"583\" srcset=\"https:\/\/www.garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/philly.png 542w, https:\/\/www.garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/philly-279x300.png 279w\" sizes=\"(max-width: 542px) 100vw, 542px\" \/><\/p>\n<p>What I really want to add to this map is real-time ship locations, which you can get from <a href=\"http:\/\/marinetraffic.com\/ais\/\">marinetraffic.com<\/a>, but I&#8217;m waiting to hear back on my application. For now, I have to be satisfied with ports and wind speeds, which is still pretty cool. This shows arrows from measuring stations in South America (as of yesterday). Ideally I want this to resemble the weather report, but I haven&#8217;t mastered that aspect of the software yet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1219\" alt=\"wind\" src=\"http:\/\/garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/wind1-578x901.png\" width=\"578\" height=\"901\" \/><\/p>\n<p>I also scanned a large piece of copper I happened to have around for engraving, and while the maps are nearly unintelligible, they are spectacular, texturally.<\/p>\n<p>This shows mountains in the Western United States:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1220\" alt=\"copper1-mountains\" src=\"http:\/\/172.104.26.128\/wp-content\/uploads\/2013\/06\/copper1-mountains.png\" width=\"538\" height=\"530\" srcset=\"https:\/\/www.garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/copper1-mountains.png 538w, https:\/\/www.garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/copper1-mountains-300x296.png 300w\" sizes=\"(max-width: 538px) 100vw, 538px\" \/><\/p>\n<p>And this shows how the copper interacts with the water &#8211;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1223\" alt=\"purple\" src=\"http:\/\/172.104.26.128\/wp-content\/uploads\/2013\/06\/purple.png\" width=\"534\" height=\"1018\" srcset=\"https:\/\/www.garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/purple.png 534w, https:\/\/www.garysieling.com\/blog\/wp-content\/uploads\/2013\/06\/purple-157x300.png 157w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TileMill\u00a0is a piece of map-making software for rendering beautiful maps.\u00a0You can export the maps to\u00a0MapBox, for a Google Maps feel or combine with a tool like\u00a0D3.js\u00a0for interactive infographics. There are a surprising number of data sources: weather, earthquake locations, crime statistics, and ship and plane locations. A lot of this is from\u00a0federal and municipal agencies &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.garysieling.com\/blog\/making-maps-with-tilemill\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Making Maps with Tilemill&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[33],"tags":[99,153,357],"aioseo_notices":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/1215"}],"collection":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/comments?post=1215"}],"version-history":[{"count":0,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/1215\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/media?parent=1215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/categories?post=1215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/tags?post=1215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}