Google Place Autocomplete 在 IE 和 Safari 中不工作

Question

我有一個谷歌地方自動完成添加到我網站上的表單。 它適用於除 Windows 10 上的 Internet Explorer 和適用於 Windows 的舊版 Safari 以及我的 iPad 上適用於 iOS 的最新 Safari 之外的所有主要瀏覽器。

編輯：剛剛意識到它甚至不能在我的 iOS iPad 上的 Chrome 上運行。 奇怪的。

<---HTML--->    
<script src="https://maps.googleapis.com/maps/api/js?key=MYKEY&libraries=places"></script>
<input type="text" id="google1" name="pick" placeholder="Pick up location" required/>
<input type="text" id="google2" name="drop" placeholder="Drop off location" required/>

<---Javascript--->
const options = {
  componentRestrictions: {
    country: 'sg'
  }
};

let autocomplete1 = new google.maps.places.Autocomplete(document.getElementById('google1'), options);
autocomplete1.addListener('place_changed', () => console.log(autocomplete1.getPlace()));

let autocomplete2 = new google.maps.places.Autocomplete(document.getElementById('google2'), options);
autocomplete2.addListener('place_changed', () => console.log(autocomplete2.getPlace()));

是不是我做錯了什么，它不能在 IE 和 Safari 上運行？ 在其他任何地方都適用。

Answer 1

您嘗試檢查 IE 上的控制台日志。 可能會收到來自 Google API 的任何錯誤。 Chrome 瀏覽器會忽略它，但您會發現 IE 和 Safari 不會。