バックボーンを使用して Google マップにマーカーを追加するのに問題があります。
デバッグを容易にするためにjsfiddleを作成しました...
問題は、マップがレンダリングされたときに投稿コレクションが空であることに関係しているのではないかと思いますが、よくわかりません。
投稿情報を返す API があり、各投稿には緯度と経度があります。
バックボーンを使用して Google マップにマーカーを追加するのに問題があります。
デバッグを容易にするためにjsfiddleを作成しました...
問題は、マップがレンダリングされたときに投稿コレクションが空であることに関係しているのではないかと思いますが、よくわかりません。
投稿情報を返す API があり、各投稿には緯度と経度があります。
最初の問題は、API (TastyPie を使用しているように見える) が結果の配列を応答のルートとしてではなく、サブプロパティとして返すことです。
バックボーン コレクションは、オブジェクトの配列を受け取ることを想定しています。
[{obj1},{obj2},{obj3}]
API は次を返します。
{meta:{response metadata},objects:[{obj1},{obj2},{obj3}]}
バックボーン コレクションでこれに対処する方法は、オブジェクトの配列を返すようにparse
関数をオーバーライドすることです。
parse: function (response) {
return response.objects;
}
考えられる 2 番目の問題は、 Collection.fetch() が完了すると、発行されるchange
イベントが event ではなく、 event であるというreset
ことです。したがって、フェッチが完了したときにビューを再レンダリングする場合は、reset
notにバインドする必要がありますchange
。