-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
77 lines (77 loc) · 1.99 KB
/
index.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
76
77
<!DOCTYPE html>
<html>
<head>
<title>TopoJSONify</title>
<link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'>
<style type="text/css">
html, body{
padding: 0;
margin: 0;
font-family: 'Cantora One', sans-serif;
text-align: center;
}
h1{
margin-left: auto;
margin-right: auto;
}
div.content{
text-align: left;
margin-left: 20%;
width: 80%;
}
code, input, #submit{
font-family: sans-serif;
}
p{
padding-top: 30px;
padding-bottom: 30px;
}
a{
text-decoration: none;
}
</style>
</head>
<body>
<h1>TopoJSONify: <small>A Simple API</small></h3>
<div class="content">
<p>
There are four ways to create your TopoJSON:
</p>
<ol>
<li>
<h3>Upload</h3>
<form enctype="multipart/form-data" action="/" method="POST">
<input type="file" name="geojson"/>
<br/>
<br/>
<input id="submit" type="submit" value="Upload GeoJSON"/>
</form>
</li>
<li>
<h3>POST</h3>
<code>POST http://topojsonify.herokuapp.com/</code>
<br/>
<p>POST directly in the body, or as a variable in the POST body</p>
</li>
<li>
<h3>Map</h3>
<code>Edit your data on
<a href="/map">http://topojsonify.herokuapp.com/map</a>
</code>
<br/>
<p>Drop GeoJSON, TopoJSON, or shapefiles onto the map, draw and edit geometry, get back TopoJSON</p>
</li>
<li>
<h3>Back Up</h3>
<p>Anything wrong here? Put your GeoJSON into <a href="http://shancarter.github.io/distillery/">shancarter.github.io/distillery/</a> or <a href="http://mapshaper.org/">MapShaper</a></p>
</li>
</ol>
<br/>
<br/>
<a href="https://github.com/mapmeld/topojsonify">TopoJSONify on GitHub</a>
<br/>
<br/>
<a href="https://github.com/mbostock/topojson">TopoJSON on GitHub</a>
</div>
</body>
</html>