查找附近汽车修理厂位置 (查找附近汽车修理厂导航)

css / CSS 代码 / body {font-family: "Helvetica", "Arial", sans-serif; }map {width: 100%;height: 500px;margin-bottom: 20px; }results {list-style-type: none;padding: 0; }results li {margin-bottom: 10px;border-bottom: 1px solid ccc; } javascript / JavaScript 代码 / // 创建地图对象 var map = new google.maps.Map(document.getElementById("map"), {center: { lat: 40.7127, lng: -74.0059 },zoom: 12, });// 创建标记对象 var markers = [];// 创建信息窗口对象 var infowindow = new google.maps.InfoWindow();// 搜索附近汽车修理厂 function searchAutoRepairShops() {var request = {location: map.getCenter(),radius: 5000,query: "汽车修理厂",};var service = new google.maps.places.PlacesService(map);service.textSearch(request, function (results, status) {if(status === google.maps.places.PlacesServiceStatus.OK) {// 清除以前的标记for (var i = 0; i < markers.length; i++) {markers[i].setMap(null);}markers = [];// 在地图上显示结果for (var i = 0; i < results.length; i++) {var place = results[i];var marker = new google.maps.Marker({map: map,position: place.geometry.location,});markers.push(marker);// 创建信息窗口内容var content =" ";// 添加信息窗口事件侦听器marker.addListener("click", function () {infowindow.setContent(content);infowindow.open(map, this);});}}}); }// 在页面加载时搜索汽车修理厂 window.onload = function () {searchAutoRepairShops(); };