ReactでGoogleMap使ってお店検索やってみた

はじめに タイトルの通りReactでGoogleMapを使用し、検索された場所の付近のお店を検索して表示するというのをやってみました。 ちなみにコードは拙いところも多々あるので、あくまで自分の備忘録として残させていただきます。 よかったらみていただければ幸いです。 この記事ではreact-google-maps/apiを使用して実装していきます。 今回実装する機能について Googleマップを使った地図の表示 検索されたキーワードを使って、動的に地図の位置を変更 キーワード付近にある飲食店（今回は居酒屋に特化）を複数件を表示 簡単なお店の情報をモーダルで表示 使用したパッケージやライブラリ react: 18.0.0 TypeScript: 4.7.3 mui/icons-material: 5.11.11 mui/material: 5.11.15 react-google-maps/a