如何使使用Google Javascript Map API创建的地图加载并保持白色

Question

我正在尝试使用Google Maps JavaScript APi将地图添加到我的网站。 我遵循了他们在其网站上的教程。 https://developers.google.com/maps/documentation/javascript/adding-a-google-map 该地图出现在我的网站上，但由于某种原因未加载。

我尝试激活API。

    <div id="map">

    </div>
    <script>
        function initMap(){
            var home = {lat: 43.452969, lng: -80.495064};
            var map = new google.maps.Map(document.getElementByID("map"),{zoom: 4, center: home});
            var maker = new google.maps.Marker({position: home,map: map});

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

我希望地图能够加载并在加拿大安大略省基奇纳市设置标记。

Answer 1

函数调用getElementById中有一个错字：远离结尾的小写字母D。