javascript - 我如何在 Javascript 中创建 Google map 链接

Question

大家好，我想建立一个链接，这个链接在 javascript 函数中包含纬度和经度，你能帮我解决这个问题吗？

我的 javascipt 代码:

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>",
                            "https://maps.google.com/maps?q=" + agency.lat+ ',' + agency.lon   // i wanna add here.
                        );
                    });
                }

Answer 1

因为您的大部分代码看起来都不错，我猜您只需要正确的 map 链接以及如何将值应用于它？

那就是你需要的:

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 map 链接。