如果您需要在您的網站上顯示距離,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 來在您的網站中顯示距離。