谷歌地图第二次没有加载 - AngularJS

Question

我正在使用GoogleMap API('angular-google-maps'js包),我有一种非常奇怪的行为.

我第一次加载它时,我会加载完整的地图,就像这里:

然后我关闭对话框并重新打开它,我看到了:

请记住,地图在另一个对话框的顶部显示为对话框.

有任何想法吗？

Answer 1

如果您使用的是Angular Google Map模块,则必须将refresh属性添加到googlemap元素.

正如它在模块文档中所写:

refresh ="expression" - 表达式,如果计算结果为true,将触发映射刷新.最初隐藏地图时很有用.

Answer 2

你必须重新绘制地图。您可以使用以下代码来执行此操作：

google.maps.event.trigger(map, 'resize');

这将使地图刷新，解决您的问题。