Карты Google в Сенча Touch

Question

Я хотел иметь карту в приложении Sencha Touch. Я загрузил скрипт в index.html, и я вижу, что он активен, потому что браузер ищет мое фактическое местоположение.

Проблема в том, что все из вида загружается, но я не вижу карты.

мой взгляд выглядит следующим образом:

Ext.define('RMA-App.view.ActivityMap', { 
    extend: 'Ext.form.Panel', 
    alias: 'widget.activitymap', 

    initialize: function() { 
     this.callParent(arguments); 

     var backButton = { 
      xtype: 'button', 
      ui: 'back', 
      text: 'Zurück', 
      handler: this.onBackButtonTap, 
      scope: this 
     }; 

     var topToolbar = { 
      xtype: 'toolbar', 
      docked: 'top', 
      title: 'Ort der Aktivität', 
      items: [ 
       backButton, 
       { 
        xtype: 'spacer' 
       } 
      ] 
     }; 

     var map = { 
      xtype: 'map', 
      useCurrentLocation: true 
     }; 

     this.add([ 
      topToolbar, 
      map 
     ]); 
    }, 

    onBackButtonTap: function() { 
     console.log('backToActivityEditorCommand'); 
     this.fireEvent('backToActivityEditorCommand', this); 
    } 
}); 

Answer 1

Try давая макет для вашего родительского контейнера. По моему опыту, макет по умолчанию в представлении неправильно отображает карту в качестве дочернего элемента.

Ext.define('RMA-App.view.ActivityMap', { 
    extend: 'Ext.form.Panel', 
    alias: 'widget.activitymap', 
    config: { 
     layout: { 
      type: 'fit' 
     } 
    }, 

    ... 

Как и в сторону, отметим, что Ext.map наследует от Ext.container, так что если все, что вы делаете, это добавление панели инструментов, вы можете добавить его в самой карте контейнера и снимите уровень вложенности ,