未定义的referenceError谷歌未定义

请帮我调试为什么Chrome无法识别谷歌。 我收到此错误：

未捕获的ReferenceError：谷歌未定义

我已将API脚本移至顶部，失败。 我调整了自己的代码以匹配Google的文档，但失败了。 是Chrome导致了我的问题吗？

     html, body { margin: 0; } #map-canvas { width: 100%; height: 100%; }    
 
Map Test
 
 
 
   $(document).ready(function() { google.maps.event.addDomListener(window, 'load', initMap); }); var map; function initMap() { map = new google.maps.Map(document.getElementById("map- canvas"), { center: {lat: 29.423017, lng: -98.48527}, zoom: 8, }); }      

Answer 1

您正在异步加载Google Maps Javascript API。 在initMap （回调）函数运行之前，不能使用它的任何方法。

工作小提琴

代码段：

 var map; function initMap() { map = new google.maps.Map(document.getElementById("map-canvas"), { center: { lat: 29.423017, lng: -98.48527 }, zoom: 8 }); } 

 html, body { margin: 0; width: 100%; height: 100%; } #map-canvas { width: 100%; height: 100%; } 

  
 
Map Test
 
  

Answer 2

你不应该把你的谷歌地图事件放在$(document).ready(); 因为window.load已经注册了一个事件监听器，这应该就足够了。

您的Google地图脚本标记也应该位于您的JavaScript代码之上，并且事件侦听器也应该移动到该函数下方。

下次您应该更彻底地阅读文档。