前提・実現したいこと
プログラミング初心者です。
登録した住所から経緯度を取得して、google mapに表示したいです。
うまく経緯度の取得ができないので、思いつく原因があればご教示いただけますでしょうか。
以下は設定済みです
・google cloud platformでプロジェクトを作成し、支払い情報登録
・API keyを取得し、.envファイルに記述
・Geocoding APIとMaps JavaScriptとPlaces API APIの有効化
・API key認証情報でアプリケーションの制限は「なし」、APIの制限は3つ(Geocoding API、Maps JavaScript API、Places API)
・APIの履歴(?)をみると、リクエスト14, エラー1となっているので、通信はできているっぽい。
発生している問題・エラーメッセージ
登録フォームで入力したaddressから経緯緯度が取得されずエラーとなり、登録フォームに入力した内容が登録できません。(latitudeとlongitudeのバリデーションはpresence: trueとしているため)
また、バリデーションからpresence: trueを外すとnullとなって登録されるため、google mapの表示ができないです。
エラーメッセージ
Google API error: request denied (You must use an API key to authenticate each request to Google Maps Platform APIs.
該当のソースコード
ruby
1<schema.rb> 2 3create_table "tours", options: "ENGINE=InnoDB DEFAULT CHARSET=utf8", force: :cascade do |t| 4 t.integer "user_id" 5 t.text "title" 6 t.datetime "date" 7 t.string "image" 8 t.text "detail" 9 t.float "latitude" 10 t.float "longitude" 11 t.string "address" 12 t.datetime "created_at", null: false 13 t.datetime "updated_at", null: false 14 end
ruby
1<tour.rb> 2 3 geocoded_by :address #addressカラムを基準に緯度経度を算出する 4 after_validation :geocode, if: :address_changed? #住所変更時に緯度経度も変更する
ruby
1<tours.controller> 2 3 class ToursController < ApplicationController 4 def index 5 @search_tours = Tour.where("date > ?", Date.today).paginate(page: params[:page], per_page: 10) 6 end 7 8 def new 9 @tour = Tour.new 10 end 11 12 def create 13 @tour = Tour.new(tour_params) 14 @tour.user_id = current_user.id 15 if @tour.save 16 redirect_to tour_path(@tour.id) 17 else 18 render :new 19 end 20 end 21 22 def show 23 @tour = Tour.find(params[:id]) 24 end 25 26 def edit 27 @tour = Tour.find(params[:id]) 28 end 29 30 def update 31 @tour = Tour.find(params[:id]) 32 if @tour.update!(tour_params) 33 flash[:success] = "ツアー内容をを変更しました" 34 redirect_to tour_path(@tour.id) 35 else 36 render :edit 37 end 38 end 39 40 def destroy 41 @tour = Tour.find(params[:id]).delete 42 redirect_to user_path(current_user.id), info: 'ツアーを削除しました' 43 end 44 45 private 46 47 def tour_params 48 params.require(:tour).permit(:user_id, :title, :date, :image, :detail, :latitude, :longitude, :address) 49 end 50end
ruby
1<new.hml.erb> 2 3<div class="tour-new-wrapper"> 4 <div class="tour-new-container container"> 5 <div class="row"> 6 <div class="col-md-offset-3 col-md-6"> 7 <h3>開催するツアーの作成</h3> 8 <%= form_for @tour, url: tours_path do |f| %> 9 <%= render 'layouts/error_messages', model: f.object %> 10 <div class="tour-title"> 11 <%= f.label :title, "ツアー名" %> 12 <%= f.text_field :title, class: 'tour-input-form form-control' %> 13 </div> 14 <div class="tour-date"> 15 <%= f.label :date, "ツアー開催日時" %> 16 <%= f.datetime_field :date, class: "datetimepicker-input form-control" %> 17 </div> 18 <div class="tour-detail"> 19 <%= f.label :detail, "ツアーの詳細" %> 20 <%= f.text_field :detail, class: 'tour-input-form form-control' %> 21 </div> 22 <div class="tour-address"> 23 <%= f.label :address, "ツアーの集合場所" %> 24 <%= f.text_field :address, class: 'tour-input-form form-control' %> 25 </div> 26 <div> 27 <%= f.submit "登録する" %> 28 </div> 29 <% end %> 30 </div> 31 </div> 32 </div> 33</div> 34
ruby
1<Gemfile> 2 3gem 'geocoder' #google map用 住所から緯度経度を算出する 4gem 'gon' #コントローラーで定義したインスタンス変数をビューのJavaScript内で使用出来る様にする 5
試したこと
・API keyの再発行と、それに伴うenvファイルの書き換え
・登録する住所を「東京」にしたり、「東京都千代田区丸の内1丁目」と大きなエリアから詳細の住所まで試して見ましたが、経緯度の取得はできませんでした。
補足情報(FW/ツールのバージョンなど)
rails 5.2.4
開発環境 AWS cloud9
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/03/02 13:23