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

快速方便地查找附近可信赖的修车店！

请输入您的位置：

style.css css body {font-family: sans-serif;font-size: 16px;line-height: 1.5;color: 333; }h1 {font-size: 24px;font-weight: bold;margin-bottom: 10px; }h2 {font-size: 18px;font-weight: bold;margin-bottom: 10px; }ul {list-style-type: none;padding: 0;margin: 0; }li {margin-bottom: 10px; }a {text-decoration:none;color: 000; }a:hover {color: f00; }results {display: none;background-color: f5f5f5;padding: 10px; }script.js javascript // 获取元素 const locationInput = document.getElementById('location'); const resultsDiv = document.getElementById('results');// 创建地理编码器 const geocoder = new google.maps.Geocoder();// 创建地图 const map = new google.maps.Map(document.getElementById('map'), {zoom: 13,center: {lat: 40.7127, lng: -74.0059}, });// 添加监听器以侦听位置输入变化 locationInput.addEventListener('change', e => {// 获取位置输入const location = e.target.value;// 使用地理编码器将位置转换为坐标geocoder.geocode({address: location}, (results, status) => {if (status === 'OK') {// 获取坐标const coordinates = results[0].geometry.location;// 将地图居中于坐标map.setCenter(coordinates);// 显示结果resultsDiv.style.display = 'block';} else {// 如果地理编码失败，则显示错误消息resultsDiv.innerHTML = '地理编码失败，请稍后再试。';}}); });