我只是想获得简单映射(https://developers.google.com/maps/documentation/javascript/examples/map-simple#maps_map_simple-javascript(为谷歌地图javascript API为我工作。
我有这个网页(我已经输入了API密钥，并给出了访问Javascript API的密钥(
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<style>
#map {
height: 100%;
}
</style>
<!-- jsFiddle will insert css and js -->
</head>
<body>
<div id="map"></div>
<!-- Async script executes immediately and must be after any DOM elements used in callback. -->
<script
src="https://maps.googleapis.com/maps/api/js?key=<MY SPI KEY>&callback=initMap&v=weekly&channel=2"
async
></script>
<script>
let map;
function initMap() {
map = new google.maps.Map(document.getElementById("map"), {
center: { lat: -34.397, lng: 150.644 },
zoom: 8,
});
}
</script>
</body>
</html>
我生成了一个html页面，但代码生成的iframe中实际上有一个空文档。它是
<iframe aria-hidden="true" tabindex="-1" style="z-index: -1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: medium none;" frameborder="0">
#document
<html>
<head></head>
<body></body>
</html>
</iframe>
我一定错过了一些非常简单和基本的东西-请帮助
我不知道为什么，但是的，当我尝试检查你的代码时，我发现你没有添加谷歌地图提供的body和html的css。当我添加它时，它显示了里面的内容。我发现的CSS代码在下面-
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
请检查并回复