谷歌地图api v3加载不正确

google maps api v3 not loading correctly

本文关键字：不正确 加载 v3 api 谷歌地图      更新时间：2023-09-26

我很难在窗口加载时初始化映射。这个问题基本上和这个问题一样，只是我已经没有使用任何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转换后何时重新初始化映射，而不会引起其他问题。

映射是否加载在隐藏的div/元素中？如果是，请在加载映射之前显示该div。看看这个问题：谷歌地图加载奇怪的

相关文章：