Google Map Autocomplete with Laravel

Question

Попытка добавления автозаполнения google в Laravel. Мой код выглядит следующим образом:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script> 
<script type="text/javascript"> 
    google.maps.event.addDomListener(window, 'load', function() { 
     var places = new google.maps.places.Autocomplete(document.getElementById('txtPlaces')); 
     google.maps.event.addListener(places, 'place_changed', function() { 

     }); 
    }); 
</script> 
<span>Location:</span> 
<input type="text" id="txtPlaces" style="width: 250px" placeholder="Enter a location" /> 

Его абсолютно работает в файле HTML/PHP. Вывод в файл HTML/PHP, как

что-

Однако, когда я хочу реализовать в Laravel, он не работает вообще. Он показывает следующую ошибку.

Можете ли вы помочь мне исправить это?

Answer 1

Вам нужно добавить ключ в URL-адрес, причина этой ошибки в том, что вы еще не настроили ключи API Карт Google.

см см - Как создать ключ: http://docs.gravityview.co/article/306-signing-up-for-a-google-maps-api-key

Добавить ключ URL:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR API KEY&libraries=places"></script> 

или использовать этот адрес:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>