javascript - 谷歌地图 : Uncaught ReferenceError: google is not defined

Question

我正在编写一个谷歌地图脚本，它抛出了这个错误。问题出在这一行:

var map = new google.maps.Map(document.getElementById('google-map'), {

对应的Javascript文件是这样的:https://goo.gl/xS5912相应的 HTML 片段是:

<!-- Google Maps -->
    <div id="google-map"></div>

完整的 HTML 为:https://goo.gl/xHD2wL

问题的屏幕截图在这里:http://prntscr.com/9dgplc

该网站已托管在这里:https://goo.gl/8x76Ux

我见过几个提出此问题解决方案的问题，但我还没有真正理解其中的大多数问题:异步加载脚本或拥有开发人员 API key 。
我只是在寻找问题的真正解决方案，最好是对问题的逻辑解释。

完整代码为here 。

编辑1:API 链接缺失。我已经添加了这一点，错误已经消失，但 map 仍然没有显示。(请注意，我使用 PHP 将代码分成多个段。)

Answer 1

我看不到您已将其链接到任何地方的 Google map api？

您需要链接此脚本才能定义 google:

<script src="https://maps.googleapis.com/maps/api/js"></script>