Question

我只能显示一张地图，这很奇怪，因为当我放置另一个未创建但未显示的地图的ID时，这仅在div的id为map时才有效

此代码有效，创建地图并显示

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

var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: new google.maps.LatLng(20.967370, -89.592586),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

works

但是此代码不起作用，当我检查div时，我创建了地图，但没有显示

<div id="map1"></div>

    var map = new google.maps.Map(document.getElementById('map1'), {
        zoom: 13,
        center: new google.maps.LatLng(20.967370, -89.592586),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

this does not work

尽管我删除了之前的代码，只保留了map1，但它仍然不起作用，仅当在id的{{1}}中有div时才有效。

有人可以告诉我我在做什么错吗？，我只是生成了我的api密钥，还没有注册我的账单帐户，这就是原因吗？

Answer 1

确保已将CSS类名称更改为map1

#map1 {
    height: 300px;
    width: 600px;
    background-color: #CCC;
}

css文件Jsfiddle中以map1为ID的工作代码

我的地图已创建但无法显示

1 个答案: