店舗一覧の店舗名をクリックしたときにGooglemapの該当店舗にフォーカスされるようにしたい

Question

wordpressにて店舗一覧のページを作ろうとしています。
構成としては1ページ内に、店舗がある位置にピンのついたGooglemapと店舗一覧のリストを表示させたいです。
単純にGooglemapとリストの表示は実装できたのですが、店舗一覧の店舗名をクリックしたときにGooglemapの該当店舗にフォーカスされるようにしたいのですがやり方が分かりません。
下記サイトのような動きを目指しています。
参考サイト

Answer 1

こんにちは。

クリックイベントを拾って、
EventTarget.addEventListener() - Web API | MDN
マーカーの位置情報を取得し、
getPosition | Marker  |  Maps JavaScript API  |  Google Developers
マップの中心を位置情報に合わせればいいかと思います。
setCenter | Maps JavaScript API  |  Google Developers

さらにご不明の点がありましたら、コメント欄に書いてください。