Wie kann ich nur die Markierungen anzeigen (sie sind vordefiniert, aber für die gesamte Karte ausgeblendet), die sich in der Nähe der von mir mit Google API v3 ausgewählten Straße befinden (möglicherweise im Umkreis von 16 km oder 32 km)?Beispiel ich benutzeWegbeschreibung Service

HTML:

<div id="panel">
   <b>start: </b>
   <input type="text" id="start" name="start" maxlength="30" onchange="calcRoute();" />
   <b>end: </b>
   <input type="text" id="end" name="end" maxlength="30" onchange="calcRoute();" />
</div> 
<div id="map"></div>

JavaScript:

var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

function initialize() {
   directionsDisplay = new google.maps.DirectionsRenderer();
   var chicago = new google.maps.LatLng(41.891224, -87.638675);
   var mapOptions = {
     zoom:7,
     center: chicago
}

map = new google.maps.Map(document.getElementById('map'), mapOptions);
directionsDisplay.setMap(map);

/* === markers === */
var locations = [
  ['1', 40.577651, -82.200443],
  ['2', 40.760976, -93.911868],
  ['3', 39.110017, -111.116458],
  ['4', 27.036116, -81.717045],
  ['5', 34.104058, -117.444583],
  ['6', 44.790790, -121.443607],
];

var marker, i;

for (i = 0; i < locations.length; i++) {
    marker = new google.maps.Marker({
       map: map,
       title: locations[i][0],
       position: new google.maps.LatLng(locations[i][1], locations[i][2]),
       //visible: false,  //true for all, but hidden
       icon:'img/the_icon.png'
    });
}   

}


function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var request = {
  origin:start,
  destination:end,
  travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
   if (status == google.maps.DirectionsStatus.OK) {
     directionsDisplay.setDirections(response);
  }
});
}

google.maps.event.addDomListener(window, 'load', initialize);