Sencha xtype methods

I have a question about xtypes. When I do this:

// map

var map = new Ext.map({
    fullscreen: true,
    getLocation: true,
    mapOptions: {
        zoom: 12
    }
});

map.map.setCenter(new google.maps.LatLng(record.attributes.record.data.latitude, record.attributes.record.data.longitude));

Everything is fine, the map is showing up.

Now, when I work with xtypes, the 'map'-variable won't recognize the 'setCenter'-proper开发者_StackOverflow社区ty. Code: var map = { fullscreen: true, xtype: 'map', title: 'Map', getLocation: true, useCurrentLocation: true, mapOptions: { zoom: 12 } };

map.map.setCenter(new google.maps.LatLng(record.attributes.record.data.latitude, record.attributes.record.data.longitude));

With this code, I get this in the console:

Uncaught TypeError: Cannot call method 'setCenter' of undefined

I hope someone can help me. Thanks in advance!

---

When you are calling map.map.setCenter(), your map object has already been instantiated. By defining your map with xtype, lazy instantiation is used.

You could try somethign along the lines of:

{
    xtype: 'map',
    fullscreen: true,
    getLocation: true,
    mapOptions: {
        zoom: 12
    },
    listeners: {
        maprender: function(component, map) {
            map.setCenter( ... )
        }
    }
}