google-maps - Google Maps API - 半径搜索使用地点的标记？

Question

我已经使用 API v3 设置了谷歌地图。该地图有许多带有信息框的标记。我希望在地图外设置一个搜索框，供用户输入地址，然后根据距离返回最近的标记（例如半径搜索）。

从 API 文档中，我认为我需要使用 Places 服务。谁能指出我正确的方向？

Answer 1

要使用 API 进行半径搜索，请使用几何库 google.maps.geometry.spherical.computeDistanceBetween方法计算每个标记与地址的地理编码结果之间的距离。如果该距离小于请求的半径，则显示标记，否则将其隐藏。

代码假设：

1. 名为 gmarkers 的 google.maps.Markers 数组

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);
       }
     });
   }
   

例子