aboutsummaryrefslogtreecommitdiff
path: root/src/templates/options.html
blob: e77ad5a7478d8920f2bfc2b6df81294ac27fc16f (plain)
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
<h1>POI map</h1>
<form id="QueryForm" disabled>
	<input class="form-control" list="CountriesDataList" id="Country" name="Country" placeholder="Type to search..."
	       value="Denmark" autocomplete="off"> {# Value set to empty string is important for JS function #}
	<datalist id="CountriesDataList">
		<option value="Denmark">Denmark</option>
		<option value="Germany">Germany</option>
	</datalist>

	<br>

	<input class="form-control" list="CategoriesDataList" id="Category" name="Category" placeholder="Type to search..."
	       aria-describedby="CategoriesHelp" value=""> {# Value set to empty string is important for JS function #}
	<datalist id="CategoriesDataList"></datalist>
	<div id="CategoriesHelp" class="form-text">Change the category shown on the map<br>
		e.g.
		<code><a href="/?country=Denmark&Category=shop&HeatmapIntensity=0&HeatmapRadius=30&category=railway%3Astation">railway:station</a></code>,
		<code><a href="/?HeatmapIntensity=6&HeatmapRadius=100&Category=shop:supermarket&heatmap=0">shop:supermarket</a></code>, or
		<code><a href="/?country=Germany&Category=shop&HeatmapIntensity=5&HeatmapRadius=10&category=shop&heatmap=1&markers=0&polygons=0">shop</a></code>
	</div>

	<br>

    <input class="form-control" id="HeatmapIntensity" name="HeatmapIntensity" value="5" type="number"
           aria-describedby="HeatmapIntensityHelp" max=2000>
    <div id="HeatmapIntensityHelp" class="form-text">Change the intensity of the heatmap nodes</div>

    <br>

    <input class="form-control" id="HeatmapRadius" name="HeatmapRadius" value="100" type="number"
           aria-describedby="HeatmapRadiusHelp" max="110">
    <div id="HeatmapRadiusHelp" class="form-text">Change the radius of the heatmap nodes</div>

    <br>

    <button type="submit" disabled id="SubmitButton" class="btn btn-primary">Run query</button>
    <a class="btn btn-secondary" href="/">Clear search</a>
    <div id="LoadingIndicator" class="text-center">
        Loading
    </div>
</form>

<hr>

<h4>Read more</h4>

<ul>
	<li><a href="https://git.node5.net/map.node5.net/about/">Source code - git.node5.net</a></li>
	<li><a href="https://wikipedia.org/wiki/Voronoi_diagram">Voronoi diagram - wikipedia.org</a></li>
<ul>