Поскольку большая часть вашего кода выглядит хорошо, я думаю, вам нужна была только правильная ссылка карты и как к ней применяются значения?
Тогда вот что вам нужно:
function jsFilter(item) {
document.getElementById("myDiv").innerHTML = "";
item.Agency.forEach(agency=> {
$("#myDiv").append(
"<div style='border-style:ridge;'>Agency Name : <strong>" + agency.name+ "</strong><br>" +
"Agency Adress : <strong>" + agency.ADRESS_TEXT + "</strong><br>" +
"Agency EMail: <strong>" + agency.EMAIL+ "</strong></div>" +
"<a href=\"https://maps.google.com/maps/@" + agency.lat + "," + agency.lon + "\">Google Maps Link</a>"
);
});
}
// РЕДАКТИРОВАТЬ
Добавлена ссылка как ссылка HTML.
Редактировать 2
Что касается обсуждения в комментариях, вам нужен синтаксис для HTML-ссылки.
Решение:
// replace this line:
"https://maps.google.com/maps?q=" + agency.lat+ ',' + agency.lon"
// with:
"<a href=\"https://maps.google.com/maps?q=" + agency.lat+ "," + agency.lon+ "\">google link</div>"
Это даст вам рабочую ссылку на Google Карты.