我如何修复谷歌地图api v3显示为灰色框？

Question

当我在网站上搜索附近的位置时,我正在工作,结果会显示在列表中,但是地图区域显示为灰色,有时它会回来,但随后会消失.

任何帮助将不胜感激

Answer 1

这是对第一个答案的问题的回答.他的想法是正确的,你需要在任何东西可见之前用一个位置初始化它.另请注意,这是关于V3的问题,第一个答案解决了V2的语法问题.请使用与v2帖子相同的想法尝试下面的代码.

使用初始位置在地图选项中设置中心值.您也可以在此处调整缩放.

var mapOptions = {
      zoom: 12,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: new google.maps.LatLng(latitude, longitude)
    };
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

Answer 2

根据我使用谷歌地图的经验，当您当前预览的位置没有可用的地图数据时（特别是当缩放系数很高时），或者当您的互联网连接速度很慢时，有时会出现灰色补丁，例如地图数据加载时间较长/失败！

但其他因素也可能是一个原因——也许吧。

当您初始化地图时，例如：

var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);

在本例中，秒参数map.setCenter是缩放系数13。

您还可以为地图设置新的缩放级别，如下所示：

map.setZoom(5);

在这里阅读更多...