GMAPS4RAILS로 AJAX 호출을 통해 GMAP 렌더링

Question

여기에서이를 다루는 주제가 있습니다. Gmaps4rails :지도가 표시되지 않음 동적으로로드되는 경우 , 특히 여기 : Ajax를 통해 gmaps4rails를 사용하여 Google지도 렌더링 , 또한 gmap이 동적으로 업데이트되는 스크린 캐스트를 보았지만 여전히 작동하지 않는 것 같습니다.

사용자와 오퍼 사이의 방향을 표시하는 버튼을 클릭 한 경우에만 드롭 다운 탭에지도를로드하려고합니다. 내 _location.html.erb 부분에는 다음이 있습니다.

<%= gmaps({ "direction" => { "data" => { "from" => current_user.location, "to" => @offer.location } } })%>

(위치는 주소 임)

이제 부분이 즉시 렌더링 될 때 잘 작동합니다. 그러나 전체 페이지가 처음에 이미로드 된 후 나중에 AJAX 호출을 통해 부분을 렌더링하려고하면 gmap이 표시되지 않습니다. AJAX 호출을 통해 gmap을 초기화하고 렌더링하고 방향을 표시 할 수 있습니까?

Answer 1

이유는 매우 간단합니다. 부분에는 이러한 방식으로로드 및 실행할 수없는 자바 스크립트가 많이 포함되어 있습니다.

그러므로 그곳에서는 RJS를 사용할 수 없습니다.

올바른 방법은 UJS입니다. AJAX 호출로 데이터를 가져오고 결과를 렌더링합니다.다음 코드에서는 jQuery를 사용합니다.

보기에서 추가 : 라코 디스

CSS에 다음 클래스를 추가합니다. 라코 디스