查找附近的汽车修理厂 (查找附近的汽修店)

成都洗浴 04-11 阅读:65 评论:0
查找附近的汽车修理厂 (查找附近的汽修店)

搜索结果:

javascript // script.jsconst searchForm = document.getElementById('form'); const results = document.getElementById('results');searchForm.addEventListener('submit', (e) => {e.preventDefault();const location = document.getElementById('location').value;const radius = document.getElementById('radius').value;// 使用 Google Places API 查找汽修厂const request = {query: '汽车修理厂',location: location,radius: radius 1609.34, // 将英里转换为米};const service = new google.maps.places.PlacesService(document.createElement('div'));service.textSearch(request, (response, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除之前的搜索结果results.innerHTML = "";// 遍历搜索结果并创建列表项for (let i = 0; i < response.length; i++) {const place = response[i];const listItem = document.createElement('li');const link = document.createElement('a');link.href = place.url;link.textContent = place.name;listItem.appendChild(link);results.appendChild(listItem);}}}); });使用方法:将 `script.js` 中的 `key` 替换为从 Google Places API 获得的 API 密钥。然后将该文件保存到与 HTML 文件相同的目录中。确保你的 HTML 文件包含以下代码: html 现在,打开 HTML 文件并在文本框中输入您的位置或邮政编码。选择所需的半径,然后单击“搜索”。它将显示最近的汽车修理厂列表。
版权声明

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