javascript
// 获取用户位置
function getLocation() {if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(showPosition);} else {alert("抱歉,无法获取您的位置。");}
}// 显示用户位置
function showPosition(position) {var latitude = position.coords.latitude;var longitude = position.coords.longitude;var location = latitude + "," + longitude;document.getElementById("location").value = location;
}// 根据位置查找修车点
function findRepairShops() {var location = document.getElementById("location").value;var url = "https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=" + location + "&radius=10000&type=car_repair&key=YOUR_API_KEY";var request = new XMLHttpRequest();request.open("GET", url);request.onload = function() {if (request.status === 200) {var data = JSON.parse(request.responseText);var results = data.results;displayResults(results);} else {alert("抱歉,无法找到任何修车点。");}};request.send();
}// 显示修车点结果
function displayResults(results) {var resultsElement = document.getElementById("results");resultsElement.innerHTML = "";for (var i = 0; i < results.length; i++) {var result = results[i];var name = result.name;var address = result.vicinity;var distance = result.distance;resultsElement.innerHTML += "
" + name + "
" + address + "
" + distance + " 米
";}
}// 初始化
getLocation();
document.getElementById("form").addEventListener("submit", findRepairShops);