指定された住所の緯度・経度を取得し、その場所をGoogleMapに表示させる機能を作っています。 --- ■やったこと ①`rails new google_map -d postgresql`でアプリを作成 ②`rails g scaffold map address:string latitude:float longitude:float` ③`Gemfile` ``` gem 'geocoder' ``` ④`rails db:create` ⑤`rails db:migrate` ⑥`_form.html.erb` ``` <%= form_for(map) do |f| %> <% if map.errors.any? %>

<%= pluralize(map.errors.count, "error") %> prohibited this map from being saved:

<%= message %>

<% end %>

<%= f.label :address %> <%= f.text_field :address %>

<%= f.submit %>

<% end %> ``` ⑦`show.html.erb` ```

<%= notice %>

Address: <%= @map.address %>

Latitude: <%= @map.latitude %>

Longitude: <%= @map.longitude %>

<%= link_to 'Edit', edit_map_path(@map) %> | <%= link_to 'Back', maps_path %> ``` ⑧`maps.scss` ```ここに言語を入力 #map { width: 100%; height: 400px; background-color: grey; } ``` --- 以上の要領で実施しましたが、マップを表示する箇所がグレー（CSSを指定した部分）になるのみで地図が表示されません。緯度・経度は取得できる時とそうでない時があります。 ■確認したこと・APIキーは取得できており、記載に誤りはない・マップはCSSを指定しないと表示されないと聞いたことがあるので、　asset配下の読みこませるファイルを確認 `application.js` ``` (省略） //= require jquery //= require jquery_ujs //= require turbolinks //= require_tree . ``` `application.css` ``` (省略） *= require_tree . *= require_self */ ``` 今回、下記サイトを参考にしております。 https://qiita.com/enzen/items/9a919a75ebf0a34e7b91 何が原因で表示がされないのか、どなたかご教示いただけないでしょうか。よろしくお願いします。 ![実際の表示](00d23174ba9d519167cbe31c37488913.png)

	@@ -1 +1 @@
1	- ~~住所から~~GoogleMapを表示さ~~せる方法につ~~いて
1	+ railsでGoogleMapが表示されなくて困っています

質問編集履歴