在地图选项上设置Google Map v3大小

Posted 2021-05-06

我正在尝试在Joomla选项卡中设置Google地图（v3），但地图上有显示问题。

如果我离开地图所在的标签并改变背面地图画布是灰色的，地图仅部分显示在地图画布的左角。

带屏幕截图的图像：

我通过在地图参数上设置地图大小来在其他网站上工作，但是使用了谷歌地图版本2，我找不到在版本3地图上设置地图大小的正确语法。

地图选项在全局变量中设置。

var mapoptions = {
    zoom: 6,       
    center: new google.maps.LatLng(60, 50),       
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    gridSize: 50,
    size(600, 700, 'px', 'px')
}

地图大小的正确语法是什么，还是有其他解决方案？

我测试了调整大小功能并使用缩放播放，但这些都没有帮助。

答案

我通过在map初始化函数调用之前添加短延迟（100ms）来解决这个问题。

也许在谷歌地图访问它之前，地图画布没有完全渲染。