function initMap() {
// Styles a map in night mode.
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('maprand'), {
center: uluru,
zoom: 12,
});
}<html>
<head>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=**API-KEY**callback=initMap"></script>
</head>
<body>
<div id="map"></div>
</body>
</html>我使用以下代码:
<script>
function initMap() {
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
center: uluru,
zoom: 12,
});
}
</script>
它不会抛出任何错误，但深入研究它创建的 div 会显示以下内容:
<iframe frameborder="0" src="about:blank" style="z-index: -1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: none;"></iframe>
显然这里的问题是src="about:blank"，但我不知道为什么这样做。
最佳答案
我认为首先您应该添加 map 的高度和宽度，然后检查您的关键规则。
示例:
https://codepen.io/anon/pen/PeBwgQ
function initMap() {
// Styles a map in night mode.
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
center: uluru,
zoom: 12,
});
}<script async defer src="https://maps.googleapis.com/maps/api/js?senson=false&callback=initMap"></script>
<div id="map" style="width: 300px; height: 300px"></div>关于javascript - 无法通过谷歌javascript map api获取 map ，不会抛出错误，但iframe src约为:blank，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50329478/