리플렛 팝업의 렌더링보기 또는 핸들 막대 템플릿

Question

ember-leaflet 라이브러리에 대한 질문과 올바른 팝업 사용에 대한 질문이 있습니다.

ember-leaflet website의 다음 예제는 라이브러리를 사용하여 마커 및 링크 된 팝업을 추가합니다. 또한 컨텐츠 바인딩을 통해 팝업에 대한 컨텐츠를 추가하는 방법을 보여줍니다.

RadMarkersApp = Ember.Application.create(); 
RadMarkersApp.MarkerLayer = 
    EmberLeaflet.MarkerLayer.extend(
    EmberLeaflet.DraggableMixin, 
    EmberLeaflet.PopupMixin, { 
    popupContentBinding: 'content.title' 
}); 

RadMarkersApp.MarkerCollectionLayer = 
    EmberLeaflet.MarkerCollectionLayer.extend({ 
    content: [{ 
     location: L.latLng(40.7127, -74.0060), 
     title: 'City Hall'}], 
    itemLayerClass: RadMarkersApp.MarkerLayer 
    }); 

RadMarkersApp.IndexView = 
    EmberLeaflet.MapView.extend({ 
    childLayers: [ 
     EmberLeaflet.DefaultTileLayer, 
     RadMarkersApp.MarkerCollectionLayer]}); 

지금은 여기에 popupContent 속성에 대한보기 또는 핸들 바 템플릿을 사용할 수 있도록하고 싶습니다. 누군가이 아이디어를 구현하는 방법을 알고 있습니까? 이 시나리오에 대한 모범 사례가 있습니까?

내 첫 번째 방법 :

App.MarkerLayer = 
    EmberLeaflet.MarkerLayer.extend(
    EmberLeaflet.PopupMixin, { 

    popupContent: function() { 
     // Render view (how to get?) or handlebars template 
     return Ember.TEMPLATES['popup-content'](this.get('content')) 
    }.property() 
    }); 

이 다음과 같은 오류에 이르게 :

Uncaught TypeError: Cannot call method 'push' of undefined 

희망 누군가가 도움이 될 수 있습니다. 고마워요!

Answer 1

저는 문서에서 유용한 기능을 찾을 수없는 작은 바보입니다.

나는 조금 해킹 및 Ember.View#createElement의 도움으로이 문제를 해결할 수 있었다 :이 다른 사람을 도움이 될 것입니다

App.MarkerLayer = EmberLeaflet.MarkerLayer.extend(EmberLeaflet.PopupMixin, { 
    popupContent: function() { 
    view = this.view = this._parentLayer.createChildView('map-popup'); 
    view.set('context', this.get('content')); 
    Ember.View.states.inDOM.enter(view) 
    view.createElement(); 

    return view.get('element'); 
    }.property() 
}); 

희망.