Sencha Touch（Architect 2）の詳細ビューにマップマーカーをリンクする方法

Question

私はマーカー付きのマップを持っています。マーカーをクリック可能にして基本情報を表示したいと考えています。

私は煎茶に新しいです、と私は、リストの項目をクリックすると私は同じ効果を得るために、リスナー関数にimplemanteすべきかアドバイスが必要：

例えば

、これはmaprender機能の私のコードがある

var lat = 37.428607; 
var lng = -122.169344; 


var latLng = new google.maps.LatLng(lat, lng); 


var marker = new google.maps.Marker({ 
    position: latLng, 
    map: gmap, 
    draggable: false, 
    animation: google.maps.Animation.DROP, 
    title: 'cool' 
}); 


var contentString = 'bla bla bla'; 


var infowindow = new google.maps.InfoWindow({ 
    content: contentString 
}); 


google.maps.event.addListener(marker, 'click', function() { 
     /* here comes something that will make my detail list visible with the marker details*/ 
}); 

と私はそれは私が私のリストに使用する「itemtap」のための私の機能と同じように動作するようにしたい...このような何か：

onMyListItemTap: function(dataview, index, target, record, e, options) { 
this.setActiveItem('detalji');this.down('#back').show(); 
this.down('#detalji').setData(record.data); 
} 

Answer 1

の素晴らしい例がありますSencha Touch 1のためのGithub ...私はそれが世界地図と呼ばれると信じています。あなたが解凍すると（アプリは多数のフォルダの1つにあります）、複数のカスタムマーカーを使ってGoogleマップを見ることができます。このプロジェクトは、カスタム地図マーカーだけでなく、マーカークリックのポップアップオーバーレイも表示するので、学習に非常に便利です。 （複数のマーカーが追加された後）

私は煎茶タッチ2に適合するように、まだ持っているが、それはあまりにも難しいことではありません...ここにいくつかのサンプルコードです：また、私は思う

google.maps.event.addListener(marker, 'click', function() 
       { 
     if (!this.popup) 
        { 
      this.popup = new Ext.Panel(
          { 
      floating: true, 
      modal: true, 
      centered: true, 
      width: 500, 
      styleHtmlContent: true, 
      scroll: 'vertical', 
      items:[{ 
       xtype:'button', 
       ui:'round', 
       text:'See Country Profile', 
       handler:goToCountryWrapper, 
       scope : this 
      }, 
      (new countryOverlay(country)).overlayPanel 
      ], 
       layout: { 
       type: 'auto', 
       padding: '55', 
       align: 'left' 
      }, 
      dockedItems: [{ 
       dock: 'top', 
       xtype: 'toolbar', 
       title: country.title 
       }], 
      }); 
     }; 
     this.popup.show('pop'); 
     }); 

私がSencha Touch 2について理解していることから、マップコントローラ（MyApp.map.controllerファイル）にリスナーを置く必要があります.... refsを読むと、refsがマーカーを見つけますアイテムにリスナーを定義して追加しました。

進捗状況がありましたら、あなたの所見を投稿してください:-)