谷歌地图搜索框在地图之外，带有地图

Question

您好我一直在尝试使用搜索功能创建Google地图。出于某种原因，搜索框无论搜索功能如何实现到我的地图上，我都不确定原因。

我基本上希望地图外的搜索框更新地图，并设置位置。

 function init(){
            var maxZoom = 3;
            var locationZoom = 5;
            var markers = [];
            var mapOptions = {
                zoom: maxZoom,
                minZoom: maxZoom,

                center: new google.maps.LatLng(31.631095, -7.954125),

            };

            var mapElement = document.getElementById('google-map');

            var map = new google.maps.Map(mapElement, mapOptions);

            new google.maps.places.Autocomplete(
              (document.getElementById('autocomplete')), {
                  types: ['geocode']
              });

        }
        init();

我的Html

 <div class="row google-search">
    <div class="col-sm-12">
        <input id="autocomplete" class="form-control" type="text" placeholder="Search Box">
    </div>
</div>

<div id="google-map"></div>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>