Gem Cocoon/動的に追加されたフォームで、GoogleMapが表示されない

前提・実現したいこと

Ruby on railsで投稿機能を持ったアプリケーションを作成しており、Gem Cocoonを使い動的に投稿フォームを追加・削除できるようにしています。
投稿フォームの追加・削除はできているのですが、動的に追加されたフォームではGoogleMapが表示されない状況です。

発生している問題・エラーメッセージ

Map: Expected mapDiv of type Element but was passed null."

該当のソースコード

(new.html.erb)
 <% j = 0 %>
<%= c.fields_for :travelogues do |t| %>
 <%= render 'travelogue_fields', {f: t, i: j } %>
 <% j = j + 1 %>
<% end %>

<div>
<%= link_to_add_association "投稿を追加する", c, :travelogues, render_options: {locals: { i: j }}%>
</div>
・・・
<script src="https://maps.googleapis.com/maps/api/js?key=<%= ENV['GOOGLE_MAP_KEY'] %>&callback=initMap"></script>
<script src="//cdn.rawgit.com/mahnunchik/markerclustererplus/master/dist/markerclusterer.min.js"></script>
<script src="//cdn.rawgit.com/printercu/google-maps-utility-library-v3-read-only/master/infobox/src/infobox_packed.js", type="text/javascript"></script>
・・・

(_travelogue_fields.html.erb)
・・・
<tr>
 <th rowspan="2">
  <%= f.label :address, "Google Mapで検索" %>
 </th>
 <td>
  <%= f.text_field :address, placeholder: "スポット名を入力", id: "address_#{i}" %>
  <input onclick='codeAddress("<%= i %>")' type="button", value="検索"></input>
 </td>
</tr>

<tr>
 <td colspan="2">
  <div id="map_<%= i %>"></div>
 </td>
</tr>
・・・