时间戳

首页 > 解决方案 > 添加带有经度和纬度的谷歌地图链接以在html中显示

google-maps - 添加带有经度和纬度的谷歌地图链接以在html中显示

问题描述

我将我的纬度和经度保存到一个 ID 中，然后我希望它链接到我的谷歌地图 在此处输入图像描述

我只知道显示谷歌地图链接，但是当我每次更改纬度和经度时，当我单击链接时，它可能会显示我想要的位置。

标签： google-mapslocation

解决方案

像这样：

<td>
		Latitude: <u id="lat1">46.10522</u><br>
		Longitude: <u id="long1">108.616216</u><br>
		<a id="goMap" href="https://www.google.com/maps" target="_blank">Click here to access Google Map</a>
	</td>

	<script>
		var goMap = document.getElementById("goMap")
		goMap.addEventListener("click", function(e) {
			this.setAttribute( "href",
							   "https://www.google.com/maps/?q=" +
							   document.getElementById("lat1").textContent + "," +
							   document.getElementById("long1").textContent);
		});
	</script>

推荐阅读