GoogleMapに複数のマーカーを表示する - Qiita

GoogleMapに対象店舗と周辺店舗を表示させたいと思ったため調べたことを記録します。 当記事は、主にJavascriptの記述についての記載になるためGoogleMapのAPIキー取得等に関する記述は省略します。 条件としては以下のとおりです。 ・地図の中心に対象店舗が表示される。（マーカーを立てる） ・対象店舗を中心として半径５km以内にある店舗にもマーカーを表示する。 ・対象店舗と周辺店舗はマーカーの色を分ける。 ・周辺店舗のマーカーをクリックしたときには吹き出しが表示される。 ・吹き出しには店舗名が入っており、店名をクリックすると該当店舗の詳細ページに遷移する。 開発環境 ruby 2.6.5 Ruby on Rails 6.0.3.3 OS: macOS Catalina はじめに GoogleMapApiの使い方に関してこちらの記事がわかりやすくまとめてあり参考にさせていただ