Javascript 嵌入谷歌地图的ExtJS面板

Javascript 嵌入谷歌地图的ExtJS面板,javascript,google-maps,extjs,Javascript,Google Maps,Extjs,我想有一个使用谷歌javascript api的谷歌地图面板 通过将窗口的DOM对象传递给GoogleMap构造函数,我成功地创建了一个包含GoogleMap的ExtJS窗口。不过,当我尝试使用面板时(只需在窗口下方替换面板)。它告诉我“身体”是未定义的。我做错了什么 谢谢 var窗口=新的外部窗口({ ... }); window.show()//hack来构建dom var d=window.body.dom;// 听起来好像您试图在元素实际创建之前访问它。我会尝试将一个侦听器添加到窗口组件

我想有一个使用谷歌javascript api的谷歌地图面板

通过将窗口的DOM对象传递给GoogleMap构造函数,我成功地创建了一个包含GoogleMap的ExtJS窗口。不过,当我尝试使用面板时(只需在窗口下方替换面板)。它告诉我“身体”是未定义的。我做错了什么

谢谢

var窗口=新的外部窗口({ ... });

window.show()//hack来构建dom


var d=window.body.dom;// 听起来好像您试图在元素实际创建之前访问它。我会尝试将一个侦听器添加到窗口组件的afterrender事件中,然后调用一个处理程序函数,该函数随后访问该元素

因此,将这种类型的东西添加到面板配置中:

listeners: {
    afterrender: {
        fn: setupWindow,
        scope: this
     }
}
然后是一个类似于此的函数:

function setupWindow(obj) {
    var windowBodyHtmlElement;
    windowBodyHtmlElement = obj.body.dom;

    // ...do your stuff.
}

希望有帮助。

您考虑过使用OpenLayers+GeoExt组合吗?