Google maps api 3 Ember.js:谷歌地图视图

Google maps api 3 Ember.js:谷歌地图视图,google-maps-api-3,ember.js,Google Maps Api 3,Ember.js,我正在尝试为谷歌地图创建一个视图,根据我找到的一些例子,我已经让它工作了 问题是地图仅在第一次显示页面时才正确绘制, 如果路线改变,然后再次绘制地图,它看起来“扭曲” 我发现的例子是应用程序的“一页”部分 视图: 在我的“位置”模板中,我用{{view view.MapView}}在div#map holder中显示地图 我还将此CSS应用于div,以“修复”引导与映射控件的混乱: #map-holder img { max-width: none; } 我怎样才能解决这个问题 编辑:

我正在尝试为谷歌地图创建一个视图,根据我找到的一些例子,我已经让它工作了

问题是地图仅在第一次显示页面时才正确绘制, 如果路线改变,然后再次绘制地图,它看起来“扭曲”

我发现的例子是应用程序的“一页”部分

视图:

在我的“位置”模板中,我用
{{view view.MapView}}
在div#map holder中显示地图

我还将此CSS应用于div,以“修复”引导与映射控件的混乱:

#map-holder img {
    max-width: none;
}
我怎样才能解决这个问题

编辑:jsfiddle-
转到“设置”,然后返回到“贴图”以查看扭曲的贴图

这似乎与余烬无关,而是与贴图重绘和调整大小有关。使用小提琴,如果调整浏览器窗口的大小,可以看到地图正确显示。 当我看到它时,我试着把
this.$().css({宽度:“550px”,高度:“400px”})放进去在控制地图之前,它似乎工作。

可以提供一个“工作”JSFIDLE来说明问题,请?JSFIDLE-转到“设置”,然后返回“地图”以查看扭曲的地图
#map-holder img {
    max-width: none;
}