欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html 顯示距離的代碼

劉姿婷2年前9瀏覽0評論

如果您需要在您的網站上顯示距離,HTML 提供了一些很有用的工具來幫助您完成這個任務。

首先,您可以使用 HTML 代碼來在您的網站中嵌入一個地圖。在地圖上標記兩個地點,然后使用 JavaScript 來計算它們之間的距離。

<div id="map"></div>
<script>
// 在地圖上標記兩個地點
var location1 = new google.maps.LatLng(37.7749,-122.4194);
var location2 = new google.maps.LatLng(37.3382,-121.8863);
// 計算兩個地點之間的距離
var distance = google.maps.geometry.spherical.computeDistanceBetween(location1, location2);
// 輸出距離
document.getElementById("map").innerHTML = "距離為:" + distance/1000 + "公里";
</script>

此外,您還可以使用 HTML 5 中的 Geolocation API 來獲取用戶的位置,并使用 JavaScript 計算他們與其他地點之間的距離。

<div id="distance"></div>
<script>
// 獲取用戶的位置
navigator.geolocation.getCurrentPosition(function(position) {
var userLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
// 計算用戶位置和目標位置之間的距離
var targetLocation = new google.maps.LatLng(37.7749,-122.4194);
var distance = google.maps.geometry.spherical.computeDistanceBetween(userLocation, targetLocation);
// 輸出距離
document.getElementById("distance").innerHTML = "距離為:" + distance/1000 + "公里";
});
</script>

無論您選擇使用哪種方法,都可以使用 HTML 和 JavaScript 來在您的網站中顯示距離。