前提・実現したいこと
Javascript(toppages.js)で作成したGoogleMApAPI(JSON.parse?)のデータをRubyonRailsのview/toppages/index.html.erbの<div id="map"></div>に読み込みたいです。
toppages.jsではなく、toppages.coffeeでも実行できますか?
発生している問題・エラーメッセージ
・toppages.coffeeにJavascriptのコードを書いて実行したエラーがでます。 エラーメッセージ:ExecJS::RuntimeError in Toppages#index Showing /home/ec2-user/environment/maps/app/views/layouts/application.html.erb SyntaxError: [stdin]:5:1: reserved word 'function' <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
試したこと
app/assets/javascripts/toppages.coffeeではなく、app/assets/javascripts/toopages.jsを作成し、googleMapAPIを表示するプログラミングを書いた。
gem 'execjs', '~> 2.7'、gem 'therubyracer'、gem "jquery-rails"を追加。
ちなみにapplication.jsには、
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .
//= require jquery
//= require jquery_ujs
このように書かれています。
補足情報(FW/ツールのバージョンなど)
AWSのcloud9を使用しています。
ここにより詳細な情報を記載してください。