Javascript 如何在Google Maps Api搜索中按不同位置进行过滤

所以，我正在制作一个网站，在那里我必须插入地图、搜索框输入和下拉列表

var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);

map = new google.maps.Map(document.getElementById('map-canvas'), {
  center: pyrmont,
  zoom: 15
});

var request = {
location: pyrmont,
radius: '500',
};
service = new google.maps.places.PlacesService(map);
service.textSearch(request, callback);

function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
  var place = results[i];
  createMarker(results[i]);
}
}
}
google.maps.event.addDomListener(window, 'load', initialize);

下面是javascript代码

<div class="container-fluid">
    <div class="page-header">
        <div id="row">
            <div class="col-lg-6">
                <div class="input-group">
                    <input id="pac-input" type="text" class="form-control"                                      placeholder="Search" name="srch-term" id="srch-term">
                    <div class="input-group-btn">
                        <button class="btn btn-default" type="submit"><i   class="glyphicon glyphicon-search"></i></button>
                    </div>
                </div><!-- .input -->
            </div>
            <div class="col-lg-4">
                <div class="dropdown" >
                    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Pick a location
                    <span class="caret"></span></button>
                    <ul class="dropdown-menu" id="type-selector">
                        <li id="changetype-restaurant" ><a value="restaurant" id="changetype-restaurant" href="#" >Restaurant</a></li>
                        <li id="changetype-cafe"><a value="cafe" id="changetype-cafe" href="#"Cafe</a></li>
                        <li id="changetype-movie_theater"><a value="movie_theater" id="changetype-movie_theater" href="#">Movie theater</a></li>
                    </ul>
                </div><!-- .dropdown -->
            </div>

下面是html代码

下拉列表需要包含3个选项；如果用户想要搜索餐馆，那么他单击餐馆并在搜索框中键入，它会列出搜索结果。我需要使用位置类型，但我不知道如何实现所有这些

到目前为止，我制作了地图，我可以列出所有结果，但我不知道如何只列出下拉列表中所选项目的结果。我不知道如何将下拉列表连接到输入搜索框