错误: initMap不是一个函数

Question

我有一个独特的问题，那就是我有一个有很多有趣地方的社交网站。每个地方都有谷歌地图。今天我看到了一个问题。

当我在google中添加新的地址来绘制地图时，它就不起作用了。

我检查了以前添加的位置，它们通常都有地图，不过出错了。

"initMap不是一个函数“。

出什么事了？为什么在新创建的地方，google的地图不起作用？我在api密钥中使用它：

 <script async defer src="https://maps.googleapis.com/maps/api/js?key=MY_API&callback=initMap"></script>

Answer 1

可能来自于代码中的脚本位置。确保；

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

加载包含initMap函数的脚本块。

<script type="text/javascript">
function initMap() {
 //
}
<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY"></script>

Answer 2

在您的代码中有一个名为"initMap“的函数吗？如果没有，您将得到此错误。异步属性允许浏览器在Maps JavaScript API加载时呈现网站的其余部分。当API准备就绪时，它将调用使用回调参数指定的函数。如果您想要使用不同名称的不同回调函数，这是非常好的，但是您必须相应地修改这个请求URL。如果希望这样做，还可以完全删除回调参数，但需要在代码中调用函数才能加载映射。如果您这样做，还需要删除异步延迟，否则您将得到一个错误，说谷歌是没有定义的。修改后的脚本标记是：

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

我有一个例子说明了这一点：

https://jsfiddle.net/gy3yg9ma/11/

请插入您自己的API密钥以使用该示例。注意如何在代码中手动调用initMap()，因为我删除了回调参数。在调用函数加载它之前，映射不会加载。

我希望这能帮到你!