本网页可帮助您查找附近 24 小时营业的药店。
javascript
// script.js// 创建地图对象
const map = new google.maps.Map(document.getElementById('map'), {center: {lat: 41.8781, lng: -87.6298},zoom: 13
});// 添加标记图标
const markerIcon = {url: 'https://maps.google.com/mapfiles/ms/icons/red-dot.png',size: new google.maps.Size(20, 20),origin: new google.maps.Point(0, 0),anchor: new google.maps.Point(10, 10)
};// 获取用户地址并查找附近药店
document.getElementById('form').addEventListener('submit', (event) => {event.preventDefault();const address = document.getElementById('address').value;// 使用 Google Places API 查找附近药店const service = new google.maps.places.PlacesService(map);const request = {query: '24 小时药店',location: address,radius: 5000 // 5 公里};service.textSearch(request, (results, status) => {if (status === google.maps.places.PlacesServiceStatus.OK) {// 清除之前的结果document.getElementById('results').innerHTML = '';// 在地图上添加标记for (let i = 0; i < results.length; i++) {const marker = new google.maps.Marker({position: results[i].geometry.location,map: map,icon: markerIcon});// 创建列表项const listItem = document.createElement('li');const listItemText = document.createTextNode(results[i].name);listItem.appendChild(listItemText);// 添加到结果列表中document.getElementById('results').appendChild(listItem);}}});
});