查找离您最近的汽修厂
输入您的地址或邮政编码,我们会为您找到离您最近的汽修厂。
js
// 定义 API 密钥和回调函数名
const API_KEY = 'YOUR_API_KEY';
const callback = 'initMap';// 加载 Google 地图 API
const script = document.createElement('script');
script.src = `${API_KEY}&callback=${callback}`;
document.head.appendChild(script);// 初始化地图
function initMap() {// 创建地图对象const map = new google.maps.Map(document.getElementById('map-canvas'), {center: { lat: -34.397, lng: 150.644 },zoom: 10});// 获取输入的地址或邮政编码const address = document.getElementById('address').value;// 根据地址或邮政编码查找汽修厂const request = {query: address,fields: ['name', 'formatted_address', 'geometry'],};const service = new google.maps.places.PlacesService(map);service.findPlaceFromQuery(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 在地图上显示汽修厂位置const marker = new google.maps.Marker({map: map,position: results[0].geometry.location,title: results[0].name,});// 在结果列表中显示汽修厂信息const listItem = document.createElement('li');listItem.innerHTML = `
${results[0].name}
${results[0].formatted_address}
`;resultsContainer.appendChild(listItem);}});
}