下午好，
我正在構建一個 laravel 專案，我需要使用 google places API 來獲取輸入資料。
我已將所有內容設定如下：
<script type="text/javascript"
src="https://maps.google.com/maps/api/js?key={{env('GOOGLE_MAPS_API_KEY')}}&libraries=places">
</script>
<script>
$( document ).ready(function() {
google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var input = document.getElementById('property_address');
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.setComponentRestrictions({
country:"it",
});
autocomplete.addListener('place_changed', function () {
var place = autocomplete.getPlace();
$('#latitude').val(place.geometry['location'].lat());
$('#longitude').val(place.geometry['location'].lng());
$('#city').val(place.address_components['1'].long_name)
$('#country').val(place.address_components['5'].long_name)
$('#province').val(place.address_components['4'].short_name)
$('#zip_code').val(place.address_components['6'].short_name)
console.log(place)
});
}
});
</script>在我的 .env
GOOGLE_MAPS_API_KEY= MY_API_KEY
一切都按需要正常作業。突然，一切都停止作業，我在控制臺中收到以下錯誤：
控制臺錯誤
我已經閱讀了錯誤提供的鏈接中的所有檔案，但一切似乎都配置得很好，專案的計費已啟用，密鑰也已啟用。我什至試圖取消并創建一個新專案，但我仍然遇到同樣的問題。
我試圖用谷歌搜索錯誤，但似乎找不到解決方案。
你對我為什么會出現這些錯誤有任何想法嗎？我從一天開始就變得瘋狂。
謝謝
uj5u.com熱心網友回復：
從控制臺日志報告 env 中可以清楚地看出：{{env('GOOGLE_MAPS_API_KEY')}}
回傳空值，因此為確保代碼正常作業，確實使用 api 密鑰作為硬代碼，而不是使用 {{env('GOOGLE_MAPS_API_KEY')}} 直接撰寫您的 api 密鑰，例如：
<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AJodAWJDoajd&libraries=places"></script>
如果 {{env()}} 中的一切正常問題，你必須解決問題
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/469164.html
標籤：javascript 拉拉维尔 谷歌地图 google-places-api