Google maps api 3 教程中的脚本显示空白页面并在页面中出错_Google Maps Api 3

Google maps api 3 教程中的脚本显示空白页面并在页面中出错

google-maps-api-3

Google maps api 3 教程中的脚本显示空白页面并在页面中出错,google-maps-api-3,Google Maps Api 3,从教程中复制了下面的脚本并运行了它。我看到一个空白屏幕和一条消息，上面写着“完成，但页面有错误。” 认为有错误的那一行是说 google.maps.event.addDomListener（窗口，'load'，initialize）注释掉时没有错误。我做错了什么 <!DOCTYPE html> <html> <head> <script src="https://maps.googleapis.com/maps/api/js?ke

从教程中复制了下面的脚本并运行了它。
我看到一个空白屏幕和一条消息，上面写着“完成，但页面有错误。”
认为有错误的那一行是说
google.maps.event.addDomListener（窗口，'load'，initialize）
注释掉时没有错误。

我做错了什么

<!DOCTYPE html>
<html>
   <head>
      <script src="https://maps.googleapis.com/maps/api/js?key=HERE I PUT THE API KEY WITH NO QUOTES&sensor=false">
      </script>
      <script>
        function initialize()
         {
            var mapProp={
                           center:new google.maps.LatLng(51.508742,-0.120850),zoom:5,mapTypeID:google.maps.MaptypeID.ROADMAP
                        };
            var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
         }
         google.maps.event.addDomListener(window,'load',initialize);
      </script>
      <title>
      </title>
   </head>
   <body>
      <div id="googleMap" style="width:500px;height:380px;">
      </div>
   </body>
</html>


函数初始化（）
{
var mapProp={
中心：新的google.maps.LatLng（51.508742，-0.120850），缩放：5，mapTypeID:google.maps.mapTypeID.ROADMAP
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
}
google.maps.event.addDomListener（窗口，'load'，initialize）；

试试：

mapTypeId: google.maps.MapTypeId.ROADMAP

注意“MapTypeId”的大小写。

它必须是

MapTypeId:google.maps.MapTypeId.ROADMAP

（javascript区分大小写）您从哪个教程复制脚本？教程有用吗？谢谢大家的回信。（Molle博士和Beetroot Beetroot）修复了MapTypeId，并在该行初始化后放置（）s，但仍然得到相同的结果。将尝试获得更好的诊断。（geocodezip）它是从谷歌地图上的w3schools教程复制的，在那里工作正常。

google.maps.event.adddomstener（窗口，'load'，initialize）是正确的。当然google.maps.event.addDomListener（窗口，'load'，initialize（））
会抛出一个错误。F12键显示IE9中的编辑器，该编辑器表示错误在google.maps.event.AddDomainListener（窗口，'load'，initialize）的行上
错误消息是，“google”未定义--Beetroot Beetroot，去掉了（）仍然相同的错误在脚本标签中尝试了type=“text/javascript”，将脚本放在页面底部，更改兼容性模式，Firefox运气不佳。还有什么会导致这个问题？应该可以，但是试着替换google.maps.event.addDomListener（窗口，'load'，initialize）带有window.onload=初始化