・Railsのアプリケーションであること※私のRailsのバージョンは6.0.3です・記事作成機能が存在すること・GoogleMapを自分のアプリケーション上で表示することができていること※下記記事などが非常に参考になると思います。記事作成の際、マップにマーカーを1つだけ立てられるようにし、その位置情報をDBに保存すること。マーカーの立て方としては以下を想定。'gon'※この記事においてはこの2つのgemは使用しません(次の記事で使用予定)。これらのgemが入っているという前提で進めていきます。geocoderは便利なメソッドが豊富です。RailsでGoogleMapを使用のであれば入れておいたほうが良いです。gonはController内でセットした変数をJavascript内で使う事ができます。DBに保存した位置情報を記事詳細画面で表示させる際に非常に便利です。指定した緯度、経度を保存するテーブルを作成します。マイグレーションファイルを作成しましょう。私の場合は、記事と地図を関連付けさせたいのでこのようになっています。trueの部分はいらないかと思います。モデルの関連付け関連付けさせなくて良い方はスキップしても大丈夫です。表示だけならこれだけでできると思います。});</script>マップ上でクリックしたところにマーカーを立てることができるようにする記事作成の際に、マップ上でクリックした箇所にマーカーを立てられるようにします。マーカーが立っている箇所の経度、緯度を保存できるようにします。ついでにマーカーを削除できるボタンも追加しました。下記のコードによってarticleと関連付けたmapにデータを渡すことができます。%>また、これらに値を入れるコードはこの部分です。document.getElementById('article_map_longitude')//↑map.hidden_fieldによって生成された<input>のidです。//人によって違うかもしれないのでブラウザの開発者モードで確認してください。event.latLng.lng();そして、値をコントローラに渡すため、StrongParameterの設定も必要です。binding.pryなどで、どのようなparamsが渡ってきているか確認しておいたほうが良いかと思います。endこれを保存するコードはこちらです。APIも必要になってきます。紆余曲折あり、最終的に完成したのがこちらです。}</script>随分長いコードになってしまいました。実際は関数とイベントが1つ増えただけなのでその部分を見てもらえればわかるかと思います!これによって、マップをクリックor位置を検索することで地図上にマーカーを立て、その位置情報をDBに保存することができるようになりました!これらを利用する方法についてはまた後日記事を書こうかと思います。