script.js
javascript
// 使用 Google Maps JavaScript API 查找和显示附近的汽车修理厂
function initMap() {// 获取地图元素const map = new google.maps.Map(document.getElementById("map"), {center: { lat: -34.397, lng: 150.644 },zoom: 12,});// 创建一个服务来查找汽车修理厂const service = new google.maps.places.PlacesService(map);// 创建一个请求对象来指定搜索参数
const request = {query: "汽车修理厂",fields: ["name", "formatted_address", "formatted_phone_number", "website", "services", "reviews"],};// 执行搜索请求service.findPlaceFromQuery(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 如果搜索成功,则在结果中创建标记for (let i = 0; i < results.length; i++) {const marker = new google.maps.Marker({position: results[i].geometry.location,map: map,title: results[i].name,});// 创建一个信息窗口来显示汽车修理厂的信息const infoWindow = new google.maps.InfoWindow({content: `
${results[i].name}
${results[i].formatted_address}
电话号码:${results[i].formatted_phone_number}
网站:
${results[i].website}
服务:${results[i].services.join(", ")}
评论:
${results[i].reviews.map((review) => `
-
${review.text}
`).join("\n")}
`,});// 将信息窗口附加到标记上marker.addListener("click", () => {infoWindow.open(map, marker);});}}});
}// 加载 Google Maps JavaScript API
window.onload = initMap;