Google지도 검색 창이 작동하지 않습니다.

Question

입력 할 때 자동 완성 결과가 표시되지 않는 Google지도에 검색 창이 있습니다. 지도 자체가 표시되므로 내 API 자격 증명이 괜찮다고 생각합니다. 나는 뭔가 빠져있는 것처럼 보이지만 무엇을 알아낼 수 없어요! 검색 창에 입력하면 현재 아무것도

<script src="https://maps.googleapis.com/maps/api/js?key=MYKEY&libraries=places&callback=initializeMap" 
 
     async defer></script> 
 

 
function initializeMap() { 
 

 
      var mapOptions = { 
 
       center: { lat: 41.8369, lng: -87.6847 }, 
 
       disableDefaultUI: true, // a way to quickly hide all controls 
 
       zoom: 8 
 
      }; 
 
      var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
 

 
      var input = document.getElementById('pac-input'); 
 
      var searchBox = new google.maps.places.SearchBox(input); 
 
      map.controls[google.maps.ControlPosition.TOP].push(input); 
 

 
      map.addListener('bounds_changed', function() { 
 
       searchBox.setBounds(map.getBounds()); 
 
      }); 
 

 
      var markers = []; 
 
      searchBox.addListener('places_changed', function() { 
 
       var places = searchBox.getPlaces(); 
 
       var place; 
 

 
       if (places.length == 0) { 
 
        return; 
 
       } 
 

 
       else { 
 
        place = places[0]; 
 
       } 
 

 
       var lat = place.geometry.location.lat(); 
 
       var lon = place.geometry.location.lng(); 
 

 
       
 
       // Clear out the old markers. 
 
       markers.forEach(function (marker) { 
 
        marker.setMap(null); 
 
       }); 
 
       markers = []; 
 

 
       // For each place, get the icon, name and location. 
 
       var bounds = new google.maps.LatLngBounds(); 
 

 

 
       var marker = new google.maps.Marker({ 
 
        map: map, 
 
        title: place.name, 
 
        draggable: true, 
 
        position: place.geometry.location 
 
       }); 
 

 
       
 

 

 
       markers.push(marker); 
 

 
       if (place.geometry.viewport) { 
 
        // Only geocodes have viewport. 
 
        bounds.union(place.geometry.viewport); 
 
       } else { 
 
        bounds.extend(place.geometry.location); 
 
       } 
 

 

 
       map.fitBounds(bounds); 
 
      }); 
 

 
     }

당신은 당신의 키의 장소 API를 활성화해야합니다

Answer 1

을하지 않습니다.