Javascript 谷歌地图API不会加载灰盒

这是我第一次使用谷歌api，我严格按照说明操作，但地图不会只加载我开始使用的灰色框，请帮助

<div class="map">
</div> 
 <script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>

function apimap() {
        var uluru = {lat: -73.993439, lng: 40.750545};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }

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

您的实现似乎存在问题。您正在使用apimap（）作为init函数，而在加载请求的回调中，您正在使用initMap（）。您应该将initMap（）替换为apimap（），反之亦然。有了这个，你的地图就可以工作了

我已经复制了您的问题，位置在Antartica。您可以查看下面的演示

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

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，正文{
身高：100%；
保证金：0；
填充：0；
}

---

发布的代码将生成javascript错误，并且不包含id=“map”的

。请提供一个演示您的问题的示例（最好是SO代码片段）。