extjs谷歌地图v3无法正常工作

时间:2013-05-22 21:17:57

标签: google-maps-api-3 extjs4

你好我正在尝试为我的窗口添加谷歌地图我正在使用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'}
            }
        }

    ],
});
控制台中的

错误

未捕获错误:属性的值无效:function(){var a = this,b; if(a.isVisible()){b = a.el.getAlignToXY(a.container,“cc”); a。 setPagePosition(b)} else {a.needsCenter = true}返回}}

1 个答案:

答案 0 :(得分:0)

由于您已经在使用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

如果这不起作用,请告诉我!