查找附近修车点 (查找附近修车的位置)

武汉夜店 04-16 阅读:45 评论:0
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);
版权声明

本文仅代表作者观点,不代表武汉桑拿立场。
本文系作者授权发表,未经许可,不得转载。