forked from migurski/Tile-Drawer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tilemill.html
75 lines (65 loc) · 3.57 KB
/
tilemill.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Tile Drawer</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="content">
<div id="header">
<h1><img src="logo.png" alt="Tile Drawer" width="448" height="82"></h1>
</div>
<h2>Tile Drawer ♥ Tile Mill</h2>
<p>
This is a placeholder page for more information about how to use <a href="./">Tile Drawer</a> with TileMill. Check back here soon for more information, or read <a href="http://mike.teczno.com/notes/tile-drawer-tilemill.html">the blog post</a> if you can’t wait.
<br>
<i>—Michal Migurski, February 2012.</i>
</p>
<p style="text-align: center;">
<img src="drawer.png" alt="Tile Drawer" width="144" height="127">
</p>
<p>
Contact: <a href="mailto:[email protected]">[email protected]</a>
</p>
<p>
Logo & illustration by <a href="http://use-it.be/en/page/54/visit-use-it/">Nicolas Marichal, USE-IT</a>.
</p>
</div>
<div id="gallery">
<h2>Styles</h2>
<p>
I have a few ready-made map styles to choose from below. I’ll be expanding this list with new ones soon, and if you have one to contribute <a href="mailto:[email protected]">let me know</a>.
</p>
<p>
<img src="osm-solar.png" width="300" height="300" alt="">
</p>
<h3>Solar</h3>
<p class="description">
Developed to create maximally-compressed tiles to fit onto a portable GIS / disaster response system from <a href="http://www.tethr.org/">Tethr</a> with colors sampled from Ethan Schoonover’s <a href="http://ethanschoonover.com/solarized">Solarized</a>. <a href="http://mike.teczno.com/notes/osm-solar.html">Read more about Solar</a>.
</p>
<p>
<img src="osm-style.png" width="300" height="300" alt="">
</p>
<h3>Bright</h3>
<p class="description">
This is the style that originally shipped with <a href="http://code.google.com/p/mapnik-utils/wiki/Cascadenik">Cascadenik</a> in 2008. It’s largely primary colors, and has definitions for a variety of scales. Residential roads are used for texture at small scales. The road widths defined here later informed <a href="http://stamen.com/clients/cloudmade">Stamen’s design work for Cloudmade</a>. <a href="http://mike.teczno.com/notes/cascadenik-openstreetmap.html">Read more about Bright</a>.
</p>
<p>
<img src="wintermute.png" width="300" height="300" alt="">
</p>
<h3>Wintermute</h3>
<p class="description">
Dark ground with light-colored water, entirely gray with motorways highlighted in bright saffron. No text. Designed for <a href="https://github.com/migurski/HighRoad/">OSM High Road</a>.
</p>
<p>
<img src="mapscratch.png" width="300" height="300" alt="">
</p>
<h3>Scratch</h3>
<p class="description">
Demonstration style produced for the <a href="http://mapsfromscratch.com/">2010 Where 2.0 Maps From Scratch workshop</a>, where Stamen colleague Shawn Allen and I showed how to generate road cartography from raw data and first principles. <i>Scratch</i> is designed to work at just a few scales.
</p>
</div>
</body>
</html>