マップマーカーでknockout.jsのリストビューを接続

Question

Googleマップマーカーでノックアウトを使ってforeachデータバインド内にあるリストビューを接続しようとしましたが、試しました。

//Click on item in list view 
    self.listViewClick = function(list) { 
     if (this.name) { 
      map.setZoom(15); 
      map.panTo(this.latlng); 
      list.setAnimation(google.maps.Animation.BOUNCE); 
     } 

    }; 

"list"引数をself、this、およびmarkerで変更しようとしました。マーカーに設定されているときにリストビューでそれをクリックすると、最後のマップマーカーだけをバウンスさせることができます。

私は何かが不足していることを知っていますが、これまでのところ何が分かりませんか？ 。私はここにあなたのコードをダンプ - - http://codepen.io/dmoojunk/pen/KzXGKq

あなただけ使用するために必要なここ

は、これまで「

https://github.com/cperry24/interactive-map

おかげ

Answer 1

あなたの問題は、単純なものだった私の進歩でありますあなたがここで 'list'として渡すが、ifステートメントはそれを使用しません...デフォルトでは、すべてのノックアウトクリックイベントは、クリックのコンテキストを最初のパラメータとして渡します。来るあなたのリスト、それはリストアイテムを渡します - この場合はジムオブジェクトです。

self.listViewClick = function(gym) { 
if (gym.name) { 
    map.setZoom(15); 
    map.panTo(gym.latlng); 
    gym.marker.setAnimation(google.maps.Animation.BOUNCE); 
    infoWindow.open(map, gym.marker); 
} 

私はJavaScriptで変数のスコープを学ぶだろう - それは、人々が使用する理由「これは」何であるかを中心にご質問にお答えします「= VARの自己これを;」