백본보기를 기반으로 Google지도와 Infobox를 결합하는 방법

Question

마커를 클릭하면 사실 (또는 사용자 정의 오버레이) 정보 상자가 열리는 Google지도를 갖고 싶습니다. on) 백본보기. 백본보기는 Ajax 호출을 처음 열었을 때 내용을 가져야하지만 닫히고 다시 열면 서버에 다시 호출하면 안됩니다 (첫 번째 호출에서 결과를 표시해야 함)

정보 상자의 내용이 dom 요소이기 때문에이를 구현하는 방법을 알지 못합니다 (처음에는 열 때만 변경/채우기를 원합니다). (btw 나는 주로 백엔드 개발자입니다. 프런트 엔드는 나에게 매우 새로운 것입니다.)

나는 이와 비슷한 것을하고 있다고 생각했지만, 이것이 올바른 방향이라고 확신하지 못합니다.

var view = new MyOverlayBackboneView({ model: myModel}); 
var infoBoxOptions = { 
    content: view.el 
}; 



var infoBox = new InfoBox(infoBoxOptions); 

var marker = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(some_lat, some_lng), 
    ... 
    other marker related parameters 
}); 

marker.infoBox = infoBox; 

google.maps.event.addListener(marker, 'click', function() { 
    this.infoBox.open(map, this); 
}    

여기서 내가 부족한 부분은 수행 할 위치가 적어서 정보창이 처음 열릴 때의 백본보기의 render() 부분입니다.

말할 것도없이, 필자는 infobox를 시작하는 코드의 일부를 가능한 한 깨끗하게하고 백본보기로 스타일 지정 및 ajax 호출을 남기고 싶습니다.

누군가 올바른 방향 (자습서/샘플 코드)을 가르쳐 주시면 감사하겠습니다. 귀하가 제공하는 도움에 미리 감사드립니다. 당신의 정보 상자를 만들 때 다음

MyOverlayBackboneView = Backbone.View.extend({ 
    render: function() { 
    [rendering the contents of your view here] 
    return this; 
    } 
}; 

그리고 :

Answer 1

로보기는 다음과 같이 될 수

var infoBoxOptions = { 
    content: view.render().el 
}; 

이 한 번만 렌더링보기를 한 후 렌더링 된 내용을 둘 것 InfoBox에 저장하십시오.