Google Maps API - Radius使用Places來搜索標記？

Question

我已經使用API​​ v3建立了一個Google Map。地圖上有許多附有信息框的標記。我正在尋找在地圖之外設置搜索框以供用戶輸入地址，然後根據距離返回最近的標記（例如半徑搜索）。

從API文檔，我想我需要使用的地方服務。任何人都可以將我指向正確的方向嗎？

Answer 1

要使用API​​進行半徑搜索，請使用Geometry Librarygoogle.maps.geometry.spherical.computeDistanceBetween方法來計算每個標記與地址的地理編碼結果之間的距離。如果該距離小於請求的半徑，請顯示標記，否則將其隱藏。

代碼假定：

1. 陣列google.maps.Markers的稱爲gmarkers

2. google.maps.Map對象調用地圖

   function codeAddress() { 
       var address = document.getElementById('address').value; 
       var radius = parseInt(document.getElementById('radius').value, 10)*1000; 
       geocoder.geocode({ 'address': address}, function(results, status) { 
       if (status == google.maps.GeocoderStatus.OK) { 
        map.setCenter(results[0].geometry.location); 
        var marker = new google.maps.Marker({ 
        map: map, 
        position: results[0].geometry.location 
        }); 
        if (circle) circle.setMap(null); 
        circle = new google.maps.Circle({center:marker.getPosition(), 
               radius: radius, 
               fillOpacity: 0.35, 
               fillColor: "#FF0000", 
               map: map}); 
        var bounds = new google.maps.LatLngBounds(); 
        for (var i=0; i<gmarkers.length;i++) { 
        if (google.maps.geometry.spherical.computeDistanceBetween(gmarkers[i].getPosition(),marker.getPosition()) < radius) { 
         bounds.extend(gmarkers[i].getPosition()) 
         gmarkers[i].setMap(map); 
        } else { 
         gmarkers[i].setMap(null); 
        } 
        } 
        map.fitBounds(bounds); 
   
       } else { 
        alert('Geocode was not successful for the following reason: ' + status); 
       } 
       }); 
   } 
   

example

僅