谷歌地图的"仅显示左上方的瓷砖",使用Angular JS中的gMaps.js

Question

我检查了谷歌地图的原生API有checkresize()方法..但它似乎不适用于gmaps.js的刷新功能.

有没有人使用AngularJS和gMaps.js有类似的问题？你怎么来解决它？

调整窗口大小后,地图再次出现.所以我想在gMap.js初始化时检查调整大小？

Answer 1

当我尝试时,ng-cloak对我不起作用.我认为这是因为我在一个面板中使用了地图,该面板扩展了用户交互,而不是在加载时可见.

我将ng-show切换为ng-if并且它正常工作.这是因为地图代码(我使用了指令)在if条件为真之前不会运行,这允许它正确渲染.

*对不起,小提琴被删除了.我不记得我在里面有什么,但它是这样的
<gmap unique="231" center="{{getAddress(item)}}" destination="{{getAddress(item)}}" origin="{{getMyAddress(item)}}" type="roadmap" marker-content="Hello"></gmap>

重要的是,在实际显示容器元素之前,谷歌脚本不会开始执行它们的操作.这是通过ng-if完成的.