-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
94 lines (80 loc) · 4.55 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel='shortcut icon' href='https://mapzen.com/common/styleguide/images/favicon.ico' type='image/x-icon' />
<title>Mapzen Search Explorer</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://mapzen.com/common/styleguide/styles/styleguide.css">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<link rel="stylesheet" href="resources/highlight/styles/default.css">
<script src="resources/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel="stylesheet" href="css/main.css">
</head>
<body onload="onLoad()">
<div class="documentation-hero" style="background-color: #985fdd;">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-12">
<h1>Mapzen Search Explorer</h1>
</div>
</div>
</div>
</div>
<div class="demo-controls" id="demo-controls">
<div class="demo-control-previous" onclick="previousEndpoint()"><i class="fa fa-fw fa-angle-left"></i></div>
<ul class="demo-control-list">
<li id="endpoint-search" class="demo-control" onclick="selectEndpoint('search')"> /search </li>
<li id="endpoint-search/structured" class="demo-control" onclick="selectEndpoint('search/structured')"> /search/structured </li>
<li id="endpoint-reverse" class="demo-control" onclick="selectEndpoint('reverse')"> /reverse </li>
<li id="endpoint-autocomplete" class="demo-control" onclick="selectEndpoint('autocomplete')"> /autocomplete </li>
<li id="endpoint-place" class="demo-control" onclick="selectEndpoint('place')"> /place </li>
</ul>
<div class="demo-control-next" onclick="nextEndpoint()"><i class="fa fa-fw fa-angle-right"></i></div>
</div>
<div class="col-md-6 col-md-offset-3">
<div class="static-content headroom-large form-container">
<!--RESET/SEND BUTTONS-->
<div class="upper-half thin-border" style="background-color: #f8f8f8;">
<button id="params-reset" class="col-md-offset-8 btn btn-secondary" onclick="resetParams()">reset</button>
<button id="params-send" class="col-md-offset-10 btn btn-primary" onclick="onSend()">send</button>
</div>
<!--PARAMS FORM-->
<div id="params-form" class="thin-border bottom-half"></div>
<!--DIVIDER IMAGE-->
<div id="divider" class="text-center">
<img style="width:124px; height:24px;" src="https://mapzen.com/common/styleguide/images/divider/compass-secondary.png">
</div>
<!--RESULTS-->
<div id="results-container">
<div id='query-preview' class="thin-border h4" style="padding: 15px; margin-bottom: 10px; word-wrap: break-word;"></div>
<div id="results-list-container" class="thin-border form-group upper-half" style="width: 100%;"></div>
<div id='map' class="thin-border sharp-corners"></div>
<pre id="results-raw" class="thin-border form-group bottom-half" style="width:100%;">...</pre>
</div>
</div>
</div>
<!--SCRIPTS-->
<script src="https://mapzen.com/common/styleguide/scripts/mapzen-styleguide.min.js"></script>
<script src="js/utilities/parseUrlParams.js"></script>
<script src="js/utilities/mapzen-services.js"></script>
<script src="js/utilities/mapUtilities.js"></script>
<script src="js/utilities/listUtilities.js"></script>
<script src="js/renderers/renderUtilities.js"></script>
<script src="js/renderers/renderSearchParams.js"></script>
<script src="js/renderers/renderStructuredParams.js"></script>
<script src="js/renderers/renderReverseParams.js"></script>
<script src="js/renderers/renderAutocompleteParams.js"></script>
<script src="js/renderers/renderPlaceParams.js"></script>
<script src="js/queryBuilders/buildSearchQuery.js"></script>
<script src="js/queryBuilders/buildStructuredQuery.js"></script>
<script src="js/queryBuilders/buildReverseQuery.js"></script>
<script src="js/queryBuilders/buildAutocompleteQuery.js"></script>
<script src="js/queryBuilders/buildPlaceQuery.js"></script>
<script src="js/query.js"></script>
<script src="js/main.js"></script>
</body>
</html>