Javascript 即使提供了API密钥，Google地图也不会显示

我试图在我的网站上显示谷歌地图。代码如下：-

<script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('mapz'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>

函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var map=new google.maps.map（document.getElementById（'mapz'）{
缩放：4，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
}

以下是控制台中显示的错误：- 消息：“initMap不是一个函数”

---

名称：“InvalidValueError”

请尝试以下代码。希望对你有帮助

<script type="text/javascript" src = "http://maps.google.com/maps/api/js?key=MYAPIKEY&sensor=false">
<div id="mapz" style="width: 80%; height: 500px"></div>
<script>
 google.maps.event.addDomListener(window, 'load', initMap);
  function initMap() {
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('mapz'), {
      zoom: 4,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  }
</script>

google.maps.event.addDomListener（窗口'load'，initMap）；
函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var map=new google.maps.map（document.getElementById（'mapz'）{
缩放：4，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
}

在使用谷歌地图api之前，此脚本必须包含在html中script@MysterX控制台中已出现错误，但地图尚未显示。请检查是否有id为

mapz

的html元素，并且它必须具有预定义的宽度和高度为

mapz

容器提供适当的高度和宽度，当元素没有高度和宽度时，地图有时不显示。为id mapz定义了高度和宽度，但不显示google地图