-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (72 loc) · 4.14 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
<!DOCTYPE html>
<html><head>
<title>PokéTraq - Pokémon GO Manual Triangulation Helper</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="Place markers to help narrow down the possible locations of Pokémon on your sightings list.">
<!-- FontAwesome -->
<link rel="stylesheet" href="//unpkg.com/font-awesome@4.6.3/css/font-awesome.min.css" />
<!-- Leaflet -->
<link rel="stylesheet" href="//unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
<script src="//unpkg.com/leaflet@1.0.1/dist/leaflet.js"></script>
<!-- Leaflet EasyButton -->
<link rel="stylesheet" href="//unpkg.com/leaflet-easybutton@1.3.1/src/easy-button.css" />
<script src="//unpkg.com/leaflet-easybutton@1.3.1/src/easy-button.js"></script>
<!-- Leaflet Locate Control -->
<link rel="stylesheet" href="//unpkg.com/leaflet.locatecontrol@0.55.0/dist/L.Control.Locate.min.css" />
<script src="//unpkg.com/leaflet.locatecontrol@0.55.0/dist/L.Control.Locate.min.js" charset="utf-8"></script>
<!-- Leaflet Modal -->
<link rel="stylesheet" href="//unpkg.com/leaflet-modal@0.1.3/dist/leaflet.modal.min.css" />
<script src="//unpkg.com/leaflet-modal@0.1.3/dist/Leaflet.Modal.min.js"></script>
<!-- Turf -->
<script src="//unpkg.com/@turf/turf@3.5.2/turf.min.js"></script>
<!-- js-cookie -->
<script src="//unpkg.com/js-cookie@2.1.3/src/js.cookie.js"></script>
<link rel="stylesheet" href="poketraq.css" />
</head><body>
<div id="map"></div>
<div id="about-dialog">
<h1>PokéTraq</h1>
<p class="subtitle">A manual triangulation helper for Pokémon GO</p>
<p>Click on the map to place markers for "nearby" and "too far" points to help
narrow down the possible location of whatever Pokémon you're hunting.</p>
<img class="demo" src="demo.gif" />
<ul>
<li>Place green check markers (<span class="fa fa-check-circle-o"></span>)
at locations where the target appears on the "sightings" list.</li>
<li>Place red "X" markers (<span class="fa fa-times-circle-o"></span>)
at locations where the target does not appear on the "sightings" list.</li>
<li>You can click on a placed marker to remove it.</li>
</ul>
<p>A blue area will be created around the locations where the
target Pokémon could be, based on your markers.</p>
<hr />
<h2>Buttons</h2><ul>
<li><span class="fa fa-trash-o"></span> Remove all markers.</li>
<li><span class="fa fa-check-circle-o"></span> Place green markers.</li>
<li><span class="fa fa-times-circle-o"></span> Place red markers.</li>
<li><span class="fa fa-arrow-circle-o-down"></span> Place a marker at your location.</li>
<li><span class="fa fa-crosshairs"></span> Find and track your location.</li>
<li><span class="fa fa-question-circle-o"></span> Open this help dialog.</li>
</ul>
<hr />
<div class="about-bottom">
<p>If you like this app, please consider donating so I can purchase
server resources to add real-time shared maps, alternative base
maps to OpenStreetMap, and possibly known active spawn point display.</p>
<p><a id="donate" target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=2UAG73LMY5LE2">
<span class="fa fa-paypal"></span> Make a Donation
</a></p>
<p><a id="github" target="_blank" href="https://github.com/ZDBiohazard/PokeTraq">This app is also open-source</a>,
in case you want to contribute.</p>
</div>
</div>
<div id="zone-warning-dialog">
<h1>Multiple Spawns</h1>
<p>One or more nearby areas do not overlap.</p>
<p>There is likely more than one spawn nearby.</p>
<hr />
<p>Better tracking of multiple spawns is in development.</p>
</div>
<script src="poketraq.js"></script>
</body></html>