javascript - Google マップ マーカーの Emberjs ビュー バインディング

Question

Companyモデルを使用して会社を取得する /companyies ルートを設定しました。また、会社を表示しようとしているマップ ビューもあります。ビュー内の会社のリストを取得する方法が見つからないようです。

以下のコードでは、マップは期待どおりにレンダリングされ、会社名はすべて段落として出力されます。

window.App = Ember.Application.create()

App.Router.map ->
  @resource 'companies'

App.CompaniesRoute = Ember.Route.extend
  model: ->
    App.Company.find()

App.Map = Ember.View.extend
  tagName: 'div'

  didInsertElement: ->
    opts =
      zoom: 12
      center: new google.maps.LatLng 37.762030, -122.441940
      mapTypeId: google.maps.MapTypeId.ROADMAP

    e = @get 'element'
    m = new google.maps.Map e, opts

私のテンプレートは次のようになります。

{{#each model}}
  <p>{{name}}</p>
{{/each}}

{{view App.Map}}

会社名はすべて表示されますが、ビュー内からモデル/コンテンツを取得する方法が見つかりません。

@get 'model'これまでのところ、 内から試しましたdidInsertElement。markersBinding「controller.content」、「controller.model」、「route.model」などのさまざまな入力を使用してビューにプロパティを作成しようとしましたが、すべて役に立ちませんでした。また、試行した各バインディングを監視する別のメソッドをビューに追加しようとしました。

何かが足りない気がします。ビューでコンテンツ/モデルをサブスクライブ/観察するにはどうすればよいですか?

ありがとう。