How can I get the coordinates and display them as a Google Maps link on the output? I couldn't figure it out and any advice would be much helpful. Thank you. API data content is linked as a pic on below. [`
function searchCity(city) {
//var r=JSON.parse(xhr.responseText);
document.getElementById("searchvalues").innerHTML = "Search by City" + "<br>";
//structure table
var output = "<tr><th> Location </th><th> City </th><th> Phone </th><th> Vaccine Type </th><th> Map Link</th></tr>";
var searchid;
var map = obj.point{coordinates:[]};;
for (var i = 0; i < r.length; i++) {
var obj = r[i];
searchid = obj.city.toUpperCase();
if (searchid.startsWith(city.toUpperCase())) {
output += "<tr><td>";
output += obj.location;
output += "</td><td>";
output += obj.city;
output += "</td><td>";
output += obj.phone;
output += "</td><td>";
output += obj.vaccinetype;
output += "</td><td>";
output += <a href='https:www.google.com/maps/search/?api=1&query=' + map + ' target=_blank'> Click here to see map </a>;
output += "</td></tr>";
}
}
document.getElementById("searchresults").innerHTML = output;
}`]1
obj.point.coordinates try it
it is an array
var map = obj.point{coordinates:[]};; always don't change, you can set coordinates to link same as :
let coordinate = obj.point.coordinates.reverse().toString();
output += <a href='https:www.google.com/maps/search/?api=1&query=' + coordinate + ' target=_blank'> Click here to see map </a>;
It same as :
function searchCity(city) {
//var r=JSON.parse(xhr.responseText);
document.getElementById("searchvalues").innerHTML = "Search by City" + "<br>";
//structure table
var output = "<tr><th> Location </th><th> City </th><th> Phone </th><th> Vaccine Type </th><th> Map Link</th></tr>";
var searchid;
for (var i = 0; i < r.length; i++) {
var obj = r[i];
searchid = obj.city.toUpperCase();
if (searchid.startsWith(city.toUpperCase())) {
output += "<tr><td>";
output += obj.location;
output += "</td><td>";
output += obj.city;
output += "</td><td>";
output += obj.phone;
output += "</td><td>";
output += obj.vaccinetype;
output += "</td><td>";
let coordinate = obj.point.coordinates.reverse().toString();
output += <a href='https:www.google.com/maps/search/?api=1&query=' + coordinate + ' target=_blank'> Click here to see map </a>;
output += "</td></tr>";
}
}
document.getElementById("searchresults").innerHTML = output;
}