forked from edward/owl-map
Switch to a table for showing possible OSM matches
This commit is contained in:
parent
54542f29d4
commit
810ec21eb7
|
@ -438,33 +438,36 @@ function mouse_events(marker, qid) {
|
||||||
var nearby = response.data.nearby;
|
var nearby = response.data.nearby;
|
||||||
if (!nearby.length) return;
|
if (!nearby.length) return;
|
||||||
var osm_html = "<strong>Possible OSM matches</strong><br>";
|
var osm_html = "<strong>Possible OSM matches</strong><br>";
|
||||||
|
osm_html += '<table class="table table-sm table-hover">'
|
||||||
|
osm_html += '<tbody>'
|
||||||
for (const osm of nearby) {
|
for (const osm of nearby) {
|
||||||
var span_id = osm.identifier.replace("/", "_");
|
var candidate_id = osm.identifier.replace("/", "_");
|
||||||
nearby_lookup[span_id] = osm;
|
osm_html += `<tr class="osm-candidate" id="${candidate_id}"><td class="text-end text-nowrap">${osm.distance.toFixed(0)}m `;
|
||||||
osm_html += `<span class="osm-candidate" id="${span_id}"> ${osm.distance.toFixed(0)}m `
|
osm_html += `<a href="https://www.openstreetmap.org/${osm.identifier}" target="_blank">`;
|
||||||
|
osm_html += '<i class="fa fa-map-o"></i></a>';
|
||||||
|
osm_html += "</td><td>";
|
||||||
|
nearby_lookup[candidate_id] = osm;
|
||||||
|
// osm_html += `<span class="osm-candidate" id="${span_id}"> ${osm.distance.toFixed(0)}m `
|
||||||
|
if (osm.name) {
|
||||||
|
osm_html += osm.name + " ";
|
||||||
|
}
|
||||||
|
if (!osm.presets.length && !osm.name) {
|
||||||
|
osm_html += "no name ";
|
||||||
|
}
|
||||||
osm_html += osm.presets.map(function(p) {
|
osm_html += osm.presets.map(function(p) {
|
||||||
var wiki_url = `http://wiki.openstreetmap.org/wiki/${p.tag_or_key}`;
|
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>`;
|
return `<a href="${wiki_url}" class="osm-wiki-link" target="_blank">${p.name} <i class="fa fa-external-link"></i></a>`;
|
||||||
}).join(", ");
|
}).join(", ");
|
||||||
if (osm.presets.length && osm.name) {
|
|
||||||
osm_html += ": ";
|
|
||||||
}
|
|
||||||
if (osm.name) {
|
|
||||||
osm_html += osm.name;
|
|
||||||
}
|
|
||||||
if (!osm.presets.length && !osm.name) {
|
|
||||||
osm_html += " no name";
|
|
||||||
}
|
|
||||||
if (osm.address_list && osm.address_list.length) {
|
if (osm.address_list && osm.address_list.length) {
|
||||||
if (osm.address_list.length == 1) {
|
if (osm.address_list.length == 1) {
|
||||||
osm_html += " address node: " + osm.address_list[0];
|
osm_html += "<br>address node: " + osm.address_list[0];
|
||||||
} else {
|
} else {
|
||||||
osm_html += " address nodes: " + osm.address_list.join("; ")
|
osm_html += "<br>address nodes: " + osm.address_list.join("; ")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
osm_html += ` <a href="https://www.openstreetmap.org/${osm.identifier}" target="_blank">`
|
osm_html += "</td></tr>";
|
||||||
osm_html += '<i class="fa fa-map-o"></i></a></span><br>';
|
|
||||||
}
|
}
|
||||||
|
osm_html += "</tbody></table>"
|
||||||
candidates.innerHTML = osm_html;
|
candidates.innerHTML = osm_html;
|
||||||
var span_list = document.getElementsByClassName("osm-candidate");
|
var span_list = document.getElementsByClassName("osm-candidate");
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue