当它在铁页中时，传单地图没有完全加载

Question

背景： 我正在使用聚合物框架来创建地图服务Web应用程序。我的地图元素放在铁页内。

 <iron-pages attr-for-selected="id" selected="{{data.page}}">
           <main-page id="main"></main-page>
           <test-page id="page"></test-page>
      </iron-pages>

地图元素位于<main-page id="main"></main-page>

内

所有地图设置都是正确的，但地图显示如下：

enter image description here

问题： 与上图一样，传单地图未完全加载。但是，当我调整浏览器窗口大小时，地图加载完美。看起来加载地图的触发器成了我调整大小的动作？

我的试验：

1. 我试图搜索其他人的回答https://github.com/Leaflet/Leaflet/issues/694

   但是当我执行map.invalidateSize()时，控制台说“invalidateSize()不是函数”。

2. 我试图将<main-page id="main"></main-page>暂时放弃<iron-pages>暂时放弃路由功能进行测试，地图效果很好。但这种情况下真正的问题是什么？

我对聚合物很新，我不确定问题出在哪里？
你能给我任何建议吗？

谢谢！