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
|
const fragment = location.hash.substring(1);
const i = fragment.indexOf('&');
let latlon;
let params;
if (i != -1) {
latlon = fragment.slice(0, i);
params = Object.fromEntries(new URLSearchParams(fragment.slice(i+1)).entries());
} else {
latlon = fragment;
params = {};
}
const [lat, lon] = latlon.split(',');
function getLinks(lat, lon, zoom) {
return [
{
label: 'Google Maps',
url: `https://www.google.com/maps/search/?api=1&query=${lat},${lon}`,
},
{
label: 'Apple Maps',
url: `https://maps.apple.com/?q=${lat},${lon}&t=m`
},
{
label: 'Default app',
url: `geo:${lat},${lon}`
},
{
label: 'OpenStreetMap',
url: `https://www.openstreetmap.org/?mlat=${lat}&mlon=${lon}&zoom=${zoom}&layers=M`
},
]
}
const heading = document.getElementById('heading');
// TODO: listen on hashChange
if (isNaN(lat) || isNaN(lon)) {
heading.textContent = 'not yet implemented';
} else {
const zoom = params.z || 15;
const linkList = document.getElementById('links');
document.getElementById('instructions').hidden = false;
if (params.name) {
document.title = params.name;
heading.textContent = params.name;
}
for (const link of getLinks(lat, lon, zoom)) {
const li = document.createElement('li');
const a = document.createElement('a');
a.href = link.url;
a.textContent = link.label;
li.appendChild(a);
linkList.appendChild(li);
}
}
|
