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

Question

你好我正在尝试为我的窗口添加谷歌地图我正在使用 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,"cc");a.setPagePosition(b )}else{a.needsCenter=true}返回一个}

Answer 1

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

如果这不起作用，请告诉我！