javascript - 即使提供 API key 后，Google map 也不会显示

Question

我正在尝试在我的网站上显示谷歌地图。这是代码:-

<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 不是一个函数”名称:“无效值错误”

Answer 1

尝试下面的代码。希望它能帮助你..!

<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>