sencha-touch - Sencha xtype 方法

Question

我有一个关于 xtypes 的问题。当我这样做时:

// 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));

一切都很好， map 正在显示。

现在，当我使用 xtypes 时，“map”变量将无法识别“setCenter”属性。
代码:
变量映射 =
{
全屏:是的，
xtype: ' map ',
标题:' map '，
获取位置:真，
使用当前位置:真，
map 选项:
{
缩放:12
}
};

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

使用此代码，我在控制台中得到了这个:

Uncaught TypeError: Cannot call method 'setCenter' of undefined

我希望有一个人可以帮助我。提前致谢!

Answer 1

当您调用 map.map.setCenter() 时，您的 map 对象已经被实例化。通过使用 xtype 定义 map ，可以使用惰性实例化。

您可以尝试以下方式:

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