请输入一个地址或坐标，然后选择一个范围半径以查找附近的饭店。

地址或坐标：
范围半径（米）： <ｓｅｌｅｃｔ id="radius"> 100 米 500 米 1000 米

<ｓｃｒｉｐｔ> let map;let markers = [];function initMap() {map = new google.maps.Map(document.getElementById("map"), {center: { lat: 31.235421, lng: 121.480283 },zoom: 13,});}function searchRestaurants(address, radius) {const service = new google.maps.places.PlacesService(map);const request = {location: address,radius: radius,type: "restaurant",};service.nearbySearch(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {displayResults(results);} else {alert("查询失败，请重试。");}});}function displayResults(results) {const resultList = document.getElementById("result-list");resultList.innerHTML = "";results.forEach((result) => {const marker = new google.maps.Marker({position: result.geometry.location,map: map,});markers.push(marker);const resultItem = document.createElement("div");resultItem.classList.add("result-item");const resultName = document.createElement("h3"); resultName.classList.add("result-name");resultName.textContent = result.name;const resultAddress = document.createElement("p");resultAddress.classList.add("result-address");resultAddress.textContent = result.vicinity;resultItem.appendChild(resultName);resultItem.appendChild(resultAddress);resultList.appendChild(resultItem);});const resultHeading = document.getElementById("result-heading");resultHeading.textContent = `查询结果：共找到 ${results.length} 家饭店`;}function clearMarkers() {markers.forEach((marker) => {marker.setMap(null);});markers = [];}window.onload = initMap;document.querySelector("form").addEventListener("submit", (event) => {event.preventDefault();const address = document.getElementById("address").value;const radius = document.getElementById("radius").value;if (!address) {alert("请输入地址或坐标。");return;}clearMarkers();searchRestaurants(address, radius);});

上一篇：咸阳附近的酒店查询 (咸阳附近的酒店有哪些)

下一篇：附近小饭店查询500米内 (附近小饭店查询)