0

我最近开始使用 Google Map API,并在自己的网页中尝试了hello world 示例。我的代码与原始代码的唯一区别是我在 javascript 代码中显示 map 元素,如下所示:

    function showMap () {
        container = document.getElementById("id_container");
        container.innerHTML = "<div id=\"map_canvas\"><\/div>";
        var mapOptions = {
            center: new google.maps.LatLng(-34.397, 150.644),
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    }

在外部 css 文件中,我通过 #map_canvas 的固定值定义了宽度和高度。

但我没有得到预期的结果。地图显示了大约 1 秒钟,然后变成了全白(见下图)。当我放大地图时,我可以看到它在闪烁。我在谷歌上搜索过,但没有得到任何解决方案,我什至不知道问题出在哪里。有没有人遇到过同样的问题?

4

1 回答 1

1

经过几天的尝试,我知道发生了什么——

我将所有 div 的背景属性设置为白色。虽然我将地图 div 的背景重置为“无”,但它不起作用。唯一的解决方案是避免任何可能给它一个非“无”背景的定义,例如“div {background-color: white;}”。

但是,您可以随意设置其父标签的背景颜色。

于 2012-10-06T01:40:09.963 回答