我最近开始使用 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 秒钟,然后变成了全白(见下图)。当我放大地图时,我可以看到它在闪烁。我在谷歌上搜索过,但没有得到任何解决方案,我什至不知道问题出在哪里。有没有人遇到过同样的问题?