将地址转换为链接,例如手机号码 HTML 中 Anchor 标签的“tel:”attr

Convert address to a link like the "tel:" attr of Anchor tag in HTML for mobile numbers

提问人:Jeshuwa Bradley 提问时间:9/1/2023 更新时间:9/1/2023 访问量:31

问:

如何添加地址并使其可点击,该地址将被重定向到谷歌地图。 类似于以下代码的内容:

<a href="tel:+123456789">+123456789</a>

但对于地址。

一个人应该能够点击地址并在谷歌地图上获取位置。 如果我能动态地做到这一点,那就更好了。

javascript html 节点.js reactjs 街道地址

评论


答:

0赞 Shawn 9/1/2023 #1

尝试以下操作,以获取重定向谷歌地图的可点击地址:

<!DOCTYPE html>
<html>
<head>
    <title>Clickable Address Link to Google Maps</title>
</head>
<body>
    <p>Click on the address to view it on Google Maps:</p>
    <a id="addressLink" href="#">Loading Address...</a>

    <script>
        // Replace this value with the actual address
        const address = "United Kingdom";

        const addressLink = document.getElementById("addressLink");
        addressLink.textContent = address;
        addressLink.href = `https://www.google.com/maps/search/${encodeURIComponent(address)}`;
    </script>
</body>
</html>