Improve display of OSM tagging presets

This commit is contained in:
Edward Betts 2021-05-14 13:54:54 +02:00
parent b61636adc2
commit 664d6c5538
2 changed files with 45 additions and 23 deletions

View file

@ -271,8 +271,9 @@ function set_isa_list(isa_count_list) {
function build_item_detail(item, tag_or_key_list) { function build_item_detail(item, tag_or_key_list) {
var wd_url = "https://www.wikidata.org/wiki/" + item.qid; var wd_url = "https://www.wikidata.org/wiki/" + item.qid;
var popup = '<div class="row"><div class="col">'
var popup = "<p><strong>Wikidata item</strong><br>"; popup += "<strong>Wikidata item</strong><br>";
popup += `<a href="${wd_url}" target="_blank">${item.label}</a> (${item.qid})`; popup += `<a href="${wd_url}" target="_blank">${item.label}</a> (${item.qid})`;
if (item.description) { if (item.description) {
popup += `<br><strong>description</strong><br>${item.description}`; popup += `<br><strong>description</strong><br>${item.description}`;
@ -285,6 +286,7 @@ function build_item_detail(item, tag_or_key_list) {
popup += `<br><a href="${isa_url}" target="_blank">${isa_label}</a> (${isa_qid})`; popup += `<br><a href="${isa_url}" target="_blank">${isa_label}</a> (${isa_qid})`;
} }
} }
popup += '</div><div class="col">'
if (tag_or_key_list && tag_or_key_list.length) { if (tag_or_key_list && tag_or_key_list.length) {
popup += "<br><strong>OSM tags/keys to search for</strong>"; popup += "<br><strong>OSM tags/keys to search for</strong>";
@ -298,7 +300,7 @@ function build_item_detail(item, tag_or_key_list) {
popup += `<br>${item.street_address[0]["text"]}`; popup += `<br>${item.street_address[0]["text"]}`;
} }
popup += "</p>"; popup += "</div></div>";
return popup; return popup;
} }
@ -356,6 +358,19 @@ function close_item_details() {
} }
} }
function show_outline(osm) {
if (candidate_outline !== undefined) {
candidate_outline.removeFrom(map);
}
var mapStyle = { fillOpacity: 0, color: "red" };
var geojson = L.geoJSON(null, { style: mapStyle });
geojson.addData(osm.geojson);
geojson.addTo(map);
candidate_outline = geojson;
}
function mouse_events(marker, qid) { function mouse_events(marker, qid) {
items[qid] ||= {}; items[qid] ||= {};
var item = items[qid]; var item = items[qid];
@ -422,8 +437,11 @@ function mouse_events(marker, qid) {
for (const osm of nearby) { for (const osm of nearby) {
var span_id = osm.identifier.replace("/", "_"); var span_id = osm.identifier.replace("/", "_");
nearby_lookup[span_id] = osm; nearby_lookup[span_id] = osm;
osm_html += `<span class="osm-candidate" id="${span_id}"> ${osm.distance.toFixed(1)}m ` osm_html += `<span class="osm-candidate" id="${span_id}"> ${osm.distance.toFixed(0)}m `
osm_html += osm.presets.join(", "); osm_html += osm.presets.map(function(p) {
var wiki_url = `http://wiki.openstreetmap.org/wiki/${p.tag_or_key}`;
return `<a href="${wiki_url}" class="osm-wiki-link" target="_blank">${p.name} <i class="fa fa-external-link"></i></a>`;
}).join(", ");
if (osm.presets.length && osm.name) { if (osm.presets.length && osm.name) {
osm_html += ": "; osm_html += ": ";
} }
@ -433,24 +451,15 @@ function mouse_events(marker, qid) {
if (!osm.presets.length && !osm.name) { if (!osm.presets.length && !osm.name) {
osm_html += "no name"; osm_html += "no name";
} }
osm_html += "</span><br>"; osm_html += ` <a href="https://www.openstreetmap.org/${osm.identifier}" target="_blank">`
osm_html += '<i class="fa fa-map-o"></i></a></span><br>';
} }
candidates.innerHTML = osm_html; candidates.innerHTML = osm_html;
var span_list = document.getElementsByClassName("osm-candidate"); var span_list = document.getElementsByClassName("osm-candidate");
for (const osm_span of span_list) { for (const osm_span of span_list) {
osm_span.onmouseover = function (e) { osm_span.onmouseenter = function (e) {
osm = nearby_lookup[e.target.id]; show_outline(nearby_lookup[e.target.id]);
if (candidate_outline !== undefined) {
candidate_outline.removeFrom(map);
}
var mapStyle = { fillOpacity: 0, color: "red" };
var geojson = L.geoJSON(null, { style: mapStyle });
geojson.addData(osm.geojson);
geojson.addTo(map);
candidate_outline = geojson;
}; };
} }
}); });

View file

@ -785,14 +785,27 @@ def get_presets_from_tags(tags):
preset_dir = app.config["ID_PRESET_DIR"] preset_dir = app.config["ID_PRESET_DIR"]
found = [] found = []
for k, v in tags.items(): for k, v in tags.items():
if k == 'amenity' and v == 'clock' and tags.get('display') == 'sundial':
tag_or_key = f"Tag:{k}={v}"
found.append({"tag_or_key": tag_or_key, "name": "Sundial"})
continue
filename = os.path.join(preset_dir, k, v + ".json") filename = os.path.join(preset_dir, k, v + ".json")
if not os.path.exists(filename): if os.path.exists(filename):
tag_or_key = f"Tag:{k}={v}"
else:
filename = os.path.join(preset_dir, k, "_" + v + ".json")
if os.path.exists(filename):
tag_or_key = f"Tag:{k}={v}"
else:
filename = os.path.join(preset_dir, k + ".json") filename = os.path.join(preset_dir, k + ".json")
if not os.path.exists(filename): if os.path.exists(filename):
tag_or_key = f"Key:{k}"
else:
continue continue
data = json.load(open(filename)) data = json.load(open(filename))
name = data["name"] name = data["name"]
found.append(name) found.append({"tag_or_key": tag_or_key, "name": name})
return found return found