Нажать координаты карты для каждого подробного просмотра вида списка в Sencha Touch

Question

Я создаю приложение Sencha Touch с архитектором Sencha Architect, состоящее из списка с каждым подробным представлением, являющимся панелью вкладок, состоящей из различных полей данных только для чтения , До сих пор мне удалось передать записи из каждого объекта в списке, чтобы отобразить в полях формы вкладки. Теперь я пытаюсь настроить вкладку с Google Map, где показано расположение набора координат долготы и широты, хранящихся рядом с этими записями для элемента.

Может кто-нибудь, пожалуйста, покажите мне, как бы я прошел мимо этих значений, чтобы для каждого подробного вида объекта карта на этой вкладке отображалась в центре по заданным координатам с помощью маркера, показывающего местоположение?

Я в состоянии предоставить текущий код, если он приносит пользу.

Большое спасибо.

Answer 1

Вы можете просто создать панель карты и нажать ее в контейнер. Ниже приведен пример.

var lat = record.get('lat'), 
    lng = record.get('lng'), 
    title = record.get('title'); 

var mapPanel = Ext.widget('map', { 
    flex: 1, 
    border: 1, 
    useCurrentLocation: false, 
    mapOptions: { 
     center: new google.maps.LatLng (lat, lng), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     zoom: 15, 
     marker: {title: title} 
    }, 
    listeners: { 
     maprender: function() { 
      new google.maps.Marker({ 
       position: new google.maps.LatLng (lat, lng), 
       animation: google.maps.Animation.DROP, 
       map: this.getMap() 
      }); 
     } 
    } 
}); 

// add the panel to the container. 
container.add(mapPanel);