javascript - 谷歌地图没有完全呈现在 div 中？

Question

这里我有map_canvas一个div叫做map. 问题是当我增加 的width时map，一侧的谷歌地图没有完全呈现。

请帮忙

Answer 1

地图区域的宽度正在增加，但地图右侧未完全渲染。

当你改变 div 的大小时，触发地图上的 resize 事件：

从文档：

活动

resize - 当 div 更改大小时，开发人员应在地图上触发此事件： google.maps.event.trigger(map, 'resize') 。

Answer 2

你检查过div容器的宽度已经设置了吗？另外，地图的宽度是否已在 mapOptions 对象中设置？

如果您提供更多代码示例，将更容易提供帮助。