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

一切都很好，地圖顯示。

現在，當我使用xtypes時，'map'變量將無法識別'setCenter'屬性。 代碼： VAR地圖= { 全屏：真實， 的xtype： '地圖'， 標題： '地圖'， 的getLocation：真實， useCurrentLocation：真實， 的MapOptions： { 變焦：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()時，您的地圖對象已被實例化。通過用xtype定義你的映射，使用懶惰的實例化。

你可以嘗試沿着線somethign：

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