Store Type & Google Map

Hello,

Well, I tried many times to reach you on https://wclovers.com/setup-guidance/ but failed to submit a query there. I have to ask you 2 questions.
1: I want to put it as a filter e.g All the grocery stores, garment stores will be shown separately. When a user selects a grocery store in the filter user can see only grocery stores available in the selected radius.

2: I need to help to integrate google map. I confused about the API key which type of API key I have to enabled because there are 15 or more options in the Google API library in the map category. Also, I am facing some errors in the console tool of browser in both area backend & frontend.

Backend Errors: Uncaught TypeError: Cannot read property ‘contains’ of undefined
at jquery.yith-wcwl.js?ver=3.0.9:1
at NodeList.forEach (<anonymous>)
at MutationObserver.observe.childList (jquery.yith-wcwl.js?ver=3.0.9:1)
js?key=AIzaSyD42cfFfBdn6q-3E0cw5zWRlYcHBD5EhnA&libraries=places&ver=5.4:63 You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable Learn more at https://developers.google.com/maps/gmp-get-started
_.nd @ js?key=AIzaSyD42cfFfBdn6q-3E0cw5zWRlYcHBD5EhnA&libraries=places&ver=5.4:63
scripts.js?ver=3.2.0:688 Uncaught TypeError: Cannot read property ‘top’ of undefined
at navSmartSticky (scripts.js?ver=3.2.0:688)
at dispatch (jquery.js?ver=1.12.4-wp:3)
at r.handle (jquery.js?ver=1.12.4-wp:3)

Frontend Errors: JQMIGRATE: Migrate is installed, version 1.4.1
jquery.js:3 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://pakistores.com/wp-content/plugins/wc-frontend-manager/assets/fonts/font-awesome/webfonts/fa-solid-900.woff2
jquery.js:3 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://pakistores.com/wp-content/plugins/wc-frontend-manager/assets/fonts/font-awesome/webfonts/fa-light-300.woff2
2jquery.yith-wcwl.js:1 Uncaught TypeError: Cannot read property ‘contains’ of undefined
at jquery.yith-wcwl.js:1
at NodeList.forEach (<anonymous>)
at MutationObserver.observe.childList (jquery.yith-wcwl.js:1)
wcfmmp-script-store-lists.js:21 31.170406299999996 72.7097161
js?key=AIzaSyD42cfFfBdn6q-3E0cw5zWRlYcHBD5EhnA&libraries=places:63 Geocoding Service: This API project is not authorized to use this API. For more information on authentication and Google Maps JavaScript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key
_.nd @ js?key=AIzaSyD42cfFfBdn6q-3E0cw5zWRlYcHBD5EhnA&libraries=places:63

So please suggest me the solutions about above mentioned.

I will be very thankful to you.

Thanks