Question

我很难让地图初始化窗口加载。问题与this question基本相同，除了我已经没有使用任何jQuery来创建地图，因此那里提供的解决方案不适用于我。我的代码如下：

function initialize() {
   var mapOptions = {
     zoom: 14,
     center: new google.maps.LatLng(43.703918,-79.422789),  
     mapTypeId: google.maps.MapTypeId.ROADMAP
   };

   var map = new google.maps.Map(document.getElementById('location-canvas'),
     mapOptions);

   var marker = new google.maps.Marker({
     map: map,
     draggable: false,
     position: new google.maps.LatLng(43.703918,-79.422789)
   });
}

google.maps.event.addDomListener(window, 'resize', initialize);
google.maps.event.addDomListener(window, 'load', initialize);

在加载时，地图显示偏离中心，缺少地图图块，但如果我调整窗口大小甚至像素，它会自行更正。

编辑：我正在使用这个CSS / Javascript框架：nacodes.com/2013/04/23/Fullscreen-Layout-with-Page-Transitions问题似乎是在绘制时，地图div是不正确的尺寸。一旦它达到完整尺寸，屏幕调整大小立即修复它。但第一次抽奖是微不足道的。我花了整个下午的时间试图弄清楚是否有一个很好的方法可以决定何时在CSS过渡后重新初始化地图，这不会引起其他问题。

Answer 1

地图是否加载了隐藏的div /元素？如果是这样，请在加载地图之前显示div。看看这个问题：Google Maps loading strangely

google maps api v3无法正确加载

1 个答案: