javascript - Javascript-Google Maps Simple Map无法在Web服务器上渲染图块-在本地工作

我尝试将Google Maps javascript API嵌入到我的网站。在本地尝试过，效果很好，但是一旦我在Web服务器上尝试，磁贴就不会加载。
继承人使用的简单代码：

#map { height: 250px; }
<div id="map"></div>

<script type="text/javascript">

var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 49.101670, lng: 9.212140},
zoom: 15
});

var marker = new google.maps.Marker({
position: {lat: 49.101670, lng: 9.212140},
map: map,
title: 'OPTIKHAUS FLEIN'
});

}

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

这是网站上的样子

Image

甚至标记都显示出来。

提前致谢

最佳答案

网址中有多余的空格-js？key。检查我的代码段。我仅更新此行"https://maps.googleapis.com/maps/api/js?key=AIzaSyCrIgqoG8GX88lnjBFX_H_UH6VpK90khSA&callback=initMap"

#map { height: 250px; }

<div id="map"></div>

<script type="text/javascript">

var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 49.101670, lng: 9.212140},
zoom: 15
});

var marker = new google.maps.Marker({
position: {lat: 49.101670, lng: 9.212140},
map: map,
title: 'OPTIKHAUS FLEIN'
});

}

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

关于javascript - Javascript-Google Maps Simple Map无法在Web服务器上渲染图块-在本地工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39720899/