时间戳

首页 > 解决方案 > 如何在 Javascript 中创建 Google 地图链接

javascript - 如何在 Javascript 中创建 Google 地图链接

问题描述

嗨，伙计们，我想建立一个链接，这个链接在 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.
                        );
                    });
                }

标签： javascriptgoogle-maps

解决方案

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

那么这就是你需要的：

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 地图链接。

推荐阅读