Центрирование карты Google вокруг точек из магазина - Sencha Touch 2

Question

У меня есть компонент карты с Google Maps в представлении, что я хочу динамически установить центр. Он находится на странице с подробным стилем, так что данные передаются ему, когда он загружен, поэтому предпочтение отдается установке центра в функции запуска. Я продолжаю получать ряд неопределенных ошибок при попытке ссылаться на карту и использовать функцию Google Maps setCenter(), не работает при настройке компонента карты Sencha. Я почти уверен, что использование setCenter - лучший способ выполнить это, но я просто не могу настроить его и выполнить.

Любые советы по этому вопросу было бы здорово, спасибо заранее:

код карты (пункт, внутри Ext.Container):

 { 
      xtype: 'map', 
      height: 150, 
      itemId: 'map', 
      width: '100%', 
      mapOptions : { 
       zoom : 12, 
       mapTypeId : google.maps.MapTypeId.ROADMAP, 
       navigationControl: true, 
       navigationControlOptions: { 
        style: google.maps.NavigationControlStyle.DEFAULT 
       } 
      } 
     } 

Answer 1

Используйте предоставленный setMapCenter метод.

Вы можете использовать component query, чтобы получить ссылку на свою карту. Если вы действительно не можете получить его таким образом, дайте ему id и используйте Ext.getCmp(yourId) (не рекомендуется).

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

yourContainer.down('#map').setMapCenter({latitude, longitude});