Google maps api 3 extjs谷歌地图v3不工作

您好，我正在尝试为我的窗口添加谷歌地图我正在使用mvc我没有看到任何基于mvc的示例这是我的代码

Ext.define('UserApp.view.uiTypes.GoogleMaps',{
    extend: 'Ext.panel.Panel',
    width:800,
    height:250,
    bodyPadding: 5,
    title:'Google Maps',
    requires: ['Ext.ux.GMapPanel'],
    items:[

        {
            xtype: 'textfield',
            label: 'test'
        },
        {
            xtype:'textfield',
            label:'hellworld'
        },
        {
             xtype: 'gmappanel',
            region: 'center',
            id:  'mygooglemap',
            zoomLevel: 3,
            gmapType: 'map',
            mapConfOpts:['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
            mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],   
            setCenter: {
                'lat': 37.4419,
                'lng': -122.1419,
                marker:{ title: 'Palo Alto'}
            }
        }

    ],
});

控制台中的错误

---

未捕获错误：属性的值无效：函数（）{var a=this，b；if（a.isVisible（））{b=a.el.getAlignToXY（a.container，“c-c”）；a.setPagePosition（b）}else{a.needsCenter=true}返回a}

，因为您已经在使用GMapPanel3。。。。 您可以尝试这样做：

var smallGoogleMap = {
                xtype: 'gmappanel',
                id :'gSmallSiteMap',
                width:'100%',
                height:200,
                zoomLevel:10,
                gmapType: 'map',
                mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
                mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
                setCenter: {
                    lat: 42.339641,
                    lng: -71.094224,
                  marker: { 
                      title: 'Boston Museum of Fine Arts',
                      listeners: {
                          click: function(e) {
                              Ext.Msg.alert('It\'s fine', 'and it\'s art.');
                          }
                      }
                    }
                }
    }
Ext.getCmp('some div or window').add(smallGoogleMap);

或者：您可以简单地替换

items[]

中的零件，并将变量

smallGoogleMap

放入其中

---

如果这不管用，就告诉我

你必须编辑你的问题。我不使用extjs，但我认为即使是使用extjs的人也不会有所帮助。您的控制台日志中是否有错误？你是说森茶吗？因为我认为他们有很多例子。完成了，我希望有人能在这方面帮助我。例子可以在这里找到：我猜你正在使用的组件是基于一个乙烯基福克斯创建的？不，我正在尝试使用这个，如果我需要渲染谷歌地图，没有div，只是在面板内部工作，但如果我打开其他窗口，它会显示出来在窗口中使用黑色背景时，您需要提供一个

div

/

Ext组件-可以是窗口/面板等

，以便渲染地图。据我所知，你想在另一个窗口再打开一张谷歌地图？因此，在这种情况下，您需要提供一个新的Ext组件，该组件具有不同的ID。嗯，听起来不错，不，我没有打开任何其他谷歌地图，我想问题只是我需要在窗口中设置谷歌地图，这就够了。谢谢您的帮助。没问题，如果您能提供一些代码，我会更容易引导您通过！这是我的谷歌地图的完整代码，但是如果我打开其他窗口，这一个在我的屏幕上给我黑色div，我不使用html，只使用extjs，这一代码也用于面板和弹出窗口内的渲染