Howdy All,
My Google Maps finally work and after two days I have an answer to my question which you might find useful.
1) I don't use a webpage so my deployment method is URL in Caspio's servers.
2) Search for Google Cloud API console and sign up for a billed API account (I had a free account and didn't realize I had to have an API attached to a billed account). I think with the billed account the free Map View limit is 28,000 inquiries/month before incurring expenses.
3) Start a new project through the Google Console and get your API code for your billed account.
4) On your Google Cloud API account search the API library and Enable the API for Maps Javascript API and Geocoding.
5) On the map mashup select the search and results table from where you are pulling data not the datapage where you might have the map mashup (e.g. my maps search datapage pulls data from my homes_table, in this case I would choose the homes_search and results datapage pulling from the homes_tbl not the maps search and results datapage).
6) Make sure you add your own customized field (e.g. in addition to city, state, zip my Address field is called Address1 and I had to add this field to generate the proper code snippets which included Address1 not Address which is the default).
7) For the map mashup the first code snippet "before the webpage deployment" goes into a header for the Configure Results Page Field.
8) The 2nd code snippet goes in a HTML block(make sure that it is at the bottom with no other fields below it) on the Configure Results Page.
9) The 3rd code snippet goes in a HTML block (make sure that it is at the bottom with no other fields below it) on the Configure Details Page.
10) On your Datapage Data Source page uncheck Responsive, go to Your Results Page and uncheck all the editing options, go back to the Datapage Data Source and check disable AJAX loading.
That should work!