我正在尝试在我的页面中实现谷歌地图。我无法实现它。我刚拿到一个空容器。 我在这里做错了什么?
<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>
最佳答案
简单:您的脚本必须是:<script async defer src="//maps.googleapis.com/maps/api/js?key=YourApiKey&callback=initMap"></script>
如有必要,请在您的控制台网站上发布一个屏幕。
了解more .
关于javascript - 使用ajax加载谷歌地图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48869037/