JavaScriptの記述の中にデータベースの値を記述する方法

地図アプリを開発中
緯度と経度の値をデータベースから持ってきたいのですが
どのように記述したら良いか分からないため質問させてください！

show.html.erb

 map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 35.710063, lng: 139.810700},←ここです
            zoom: 8
            });

この記述を

center: {lat: 35.710063, lng: 139.810700}

データベースに保存してある:latitudeと:longitudeの値を持ってきたい。。
イメージこのようにしたいのですが、どのように記述したら良いでしょうか

center: {lat: @photo.latitude, lng: @photo.longitude}

よろしくお願いいたします！！

m.ts10806

2020/11/08 05:33

JavaScriptはHTMLに直に書かれているのでしょうか、jsファイルでしょうか。

EleAco

2020/11/08 06:24

htmlに直接記入しております！

m.ts10806

2020/11/08 06:28

それなら「文字列出力」です。普通に変数をテンプレートで出力するのと同じですよ。

EleAco

2020/11/08 07:16

{lat: "@photo.latitude", lng: "@photo.longitude"} {lat: "#{@photo.latitude}", lng: "#{@photo.longitude}"} すみませんいろいろ試しましたが文字列出力できませんでした… 具体的にどのようにしたら良いでしょうか… 教えていただいてもよろしいでしょうか？？

行動規範の内容に同意します

回答1件

気になって調べたのでメモ代わりに回答しておきます。

結構驚いたやり方：https://qiita.com/Kamayatsu/items/49a8096ec3f06401c664

Ruby
1# users_controller.rb
2class UsersController < ApplicationController
3  def show
4    @user = User.find(params[:id])
5    @sleeps = @user.sleeps.order('date DESC').includes(:user).limit(14).reverse
6  end
7end

JavaScript
1// show.html.erb
2<script>
3    // 推奨(ムダなスペースなどが含まれません。)
4    var sleepings = '<%== JSON.dump(@sleeps) %>';
5    // 次点(スペースなど余計なものが入る可能性がありますが、渡せる事には渡せます。)
6    var sleepings = '<%= @sleeps %>';
7    // 以下略
8</script>