Rails 地図を簡単に表示させよう Maps Embed API, iframe, HTML埋め込み編

完成スクショ

機能の概要

投稿ごとに地図を表示させる
表示させる地図は、HTMLの埋め込みで実装

カラムの追加

$ rails generate migration AddDetailsToPost map_emb:string
$ rails db:migrate

投稿時に、Mapの埋め込みを保存させる

new.html.erb

  <div class="field">
    <%= f.label :map_emb %>
    <%= f.text_field :map_emb %>
  </div>

posts_controller.rb

    def post_params
      params.require(:post).permit(~~~~~~~, :map_emb←追加)
    end

埋め込みのHTMLはMapの共有→地図を埋め込む→HTMLをコピーで取得する

埋め込み時の大きさを選択することも可能です。

埋め込んだHTMLを表示させる

index.html.erb

    <% @posts.each do |post| %>
        <%= post.map_emb.html_safe %>
    <% end %>

html_safeを使うことで、文字列をHTMLに変換できます。

完成

意外と簡単に実装可能でした！
お疲れ様でした！