提问人:Jeshuwa Bradley 提问时间:9/1/2023 更新时间:9/1/2023 访问量:31
将地址转换为链接,例如手机号码 HTML 中 Anchor 标签的“tel:”attr
Convert address to a link like the "tel:" attr of Anchor tag in HTML for mobile numbers
问:
如何添加地址并使其可点击,该地址将被重定向到谷歌地图。 类似于以下代码的内容:
<a href="tel:+123456789">+123456789</a>
但对于地址。
一个人应该能够点击地址并在谷歌地图上获取位置。 如果我能动态地做到这一点,那就更好了。
答:
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>
评论