想定している実装

Rails と GoogleMap API を利用したアプリの開発を進めています。
イメージとしては、** 【店舗の住所などをフォームから送信】 → 【APIを経由して住所、緯度、経度を保存】 → 【保存した住所、緯度、経度を基にviewのGoogleMapにピン（赤い印）を立てる】**
という事を想定したおります。

困っていること

DBに保存した住所、緯度、経度をviewで呼び出しているjavascriptで呼び出したいのですが、方法がわからず、詰まっております。
cafes_controller.rbでDBに保存したデータaddress,latitude,longitudeをindex.js内で呼び出して使いたいです。

該当のソースコード

cafes_controller.rb
class Admin::CafesController < Admin::BaseController
  def new
    @cafe = Cafe.new
  end

  def create
    shop = params[:cafe]
    params = URI.encode_www_form({address: shop})
    uri = URI.parse("https://maps.googleapis.com/maps/api/geocode/json?#{params}&key=#{ENV["MAP_API_KEY"]}")
    response = Net::HTTP.get_response(uri)
    @result = JSON.parse(response.body)
    @cafe = Cafe.new(
      name: cafe_params["name"],
      address: cafe_params["address"],
      latitude: @result["results"][0]["geometry"]["location"]["lat"],
      longitude: @result["results"][0]["geometry"]["location"]["lng"]
    )
    if @cafe.save
      puts "保存に成功"
      redirect_to cafes_path
    else
      flash.now[:danger] = "保存に失敗しました"
      render action: :new
    end
  end
  
  private
  
    def cafe_params
      params.permit(:name, :address, :latitude, :longitude)
    end
end

index.jsはindex.html.slimから呼び出しています

index.html.slim
=javascript_pack_tag 'home/index'

script src="https://maps.googleapis.com/maps/api/js?key=#{ENV['MAP_API_KEY']}&callback=initMap"

index.js
function initMap(){
  geocoder = new google.maps.Geocoder();
  // 位置情報を取得
  navigator.geolocation.getCurrentPosition(function (position) {
    LatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

    // 取得した位置情報を中心に表示
    map = new google.maps.Map(document.getElementById('map'), {
      center: LatLng,
      zoom: 15
    });
  });
}
window.onload = function() {
  initMap();
}