谷歌地圖回調函數名稱錯誤

Question

我運行HTML頁面代碼時在webdev控制台中遇到此錯誤

nc {message: "initialize is not a function", name: "InvalidValueError", stack: 
"Error↵    at new nc (https://maps.googleapis.com/m…
##################&callback=initialize:137:68"}

我的代碼基於googlemaps api示例，並且僅更改了樣式，而沒有更改功能。

該函數稱為initMap，盡管我最近更改了此函數以查看它是否有所不同。

我的JavaScript網址是https://comfortestateplanning.co.uk/js/home.js初始化函數，我的測試網站網址是https://comfortestateplanning.co.uk/

Answer 1

我已經弄清楚了錯誤在哪里以及如何回答我自己的問題:)

我確定其中帶有Google Maps功能的javascript文件不應該是async 。 這將導致該函數與Google Maps API調用同時加載，而不是在加載之后。

所以就我而言

<script async type="text/javascript" src="js/home.js"></script>

成為（沒有異步 ）

<script type="text/javascript" src="js/home.js"></script>