使用ajax加载谷歌地图

Question

我正在尝试在我的页面中实施谷歌地图。我无法实现它。我刚拿到一个空容器。 我在这里做错了什么？

 <div class="container">
 <div class="map">
 <div id="map-container" class="z-depth-1-half map-container" style="height: 500px;"></div>
 </div>
 </div>

这些是脚本文件

<script type="text/javascript" src="https://maps.google.com/maps/api/js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script>
    var map;
    function initMap() {
      map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 8
      });
    }
</script>

Answer 1

简单：您的脚本必须是：<script async defer src="//maps.googleapis.com/maps/api/js?key=YourApiKey&callback=initMap"></script>

如有必要，请在控制台网站上发布一个屏幕。

了解more。