Google Places Nearby Search Not Working

[TwitchBlade]

First time trying the google maps component cause I need for a client. I followed @Teodor's tutorial here:

Using Google Places Search

About Google Places Search Google Places Search lets you search for place information using a variety of categories, including establishments, prominent points of interest, and geographic locations. You can search for places either by proximity or a text string. NOTE : Make sure to check the Google Places Pricing before start using this service, as it is not free! Using Google Places Search Before we begin, you need to create an API Key and enable the Places API and Maps Javascript API in …

But the map blinks and then I get the following error:

[Warning] As of March 1st, 2025, google.maps.places.PlacesService is not available to new customers. Please use google.maps.places.Place instead. At this time, google.maps.places.PlacesService is not scheduled to be discontinued, but google.maps.places.Place is recommended over google.maps.places.PlacesService. While google.maps.places.PlacesService will continue to receive bug fixes for any major regressions, existing bugs in google.maps.places.PlacesService will not be addressed. At least 12 months notice will be given before support is discontinued. Please see https://developers.google.com/maps/legacy for additional details and https://developers.google.com/maps/documentation/javascript/places-migration-overview for the migration guide. (js, line 814)
[Warning] Places search failed: ZERO_RESULTS (dmxGooglePlaces.js, line 7)

My code

<dmx-google-places-search id="placesGlobal" map="mapsGlobal" show-on-map="true"></dmx-google-places-search>
      <dmx-google-maps id="mapsGlobal" address="152 Windy Meadows Dr, Schertz, TX 78154" latitude="29.58194" longitude="-98.27153229999999" enable-clusters="true">
        <dmx-google-maps-marker id="marker1" address="152 Windy Meadows Dr, Schertz, TX 78154" latitude="29.58194" longitude="-98.27153229999999" animation="bounce"></dmx-google-maps-marker>
      </dmx-google-maps>

[TwitchBlade]

I tried replacing the two instances of google.maps.places.PlacesService with google.maps.places.Place in the dmxGooglePlaces.js file thinking it may work, it did get rid of the error/warning but the map still just blinks and then the marker disappears.