Google Maps Not Working, Set up the New Pay Plan with Google which was required to get API KEY

Community resources General
1

Now sure what happened, Google Maps was working for years then all of a sudden I noticed it was not working So I clicked on the Link and it sent me to Google
wanted to create an account with $300 credits per month… So I did it and pasted in the new API Key and saved the file and published the site. Oh and I deleted the Google map created a new map with WebFlow Designer, pasted in the address…
Same Problem…

42%20PM
42%20PM904×776 91.3 KB

2

On July 16, 2018, a new pay-as-you-go pricing plan went into effect for Maps, Routes, and Places. google maps pricing

Add live url & Read this article:

Also check you write the correct domain under Google maps.

Follow this steps (I guess you missing step 2 to 6):
Maybe this steps missing in your case:

  1. Go to the Google Cloud Platform Console.
  2. From the Project drop-down menu, select or create the project for which you want to add an API key.
  3. From the Navigation menu, select APIs & Services > Credentials .
  4. On the Credentials page, click Create credentials > API key .
    The API key created dialog displays your newly created API key.
  5. On the dialog, click Restrict Key .
    (For more information, see Restricting an API key.)
  6. On the API key page, under Key restrictions , set the Application restrictions .
1 Like
3

Shazam !’
It’s Now working Thanks to you.
Very Much Appreciated… Sir

5

Great. Mark as solution to close this topic. Thanks

1 Like
6

Your Solution Suggestions Fixed my Problem 100% Just wondering if anyone else may need your instructions down the road. Or if WebFlow updates the Maps Video to included your solution that would be the ultimate solution for users.

Much Thanks again,
Your Expert Level for sure …

7

I agree with you that webflow need to update the docs her about this issue. Webflow could not change/update the map (This is third libary service). On any plattform -or- site you should Create credential.

The missing docs her:
https://university.webflow.com/article/map#creating-an-api-key

The docs missing the “new” steps 2 to 6 (From google official docs).

1 Like