Google Maps Javascript API stopped working from July 2018

As you may have heard, Google has recently revamped their entire Google Maps developer platform and introduced the Google Maps Platform. This is part of a series of updates designed to evolve and streamline their core APIs – however, this also presents some new challenges for our customers.

Until recently, an API key was not required to display a map using the Google Maps platform. In 2016, it was announced that keyless access to the API was to be restricted over the next few years. With this two year grace period coming to an end this June, items utilizing any part of the Google Maps platform cannot gain access to it without an API key.

In a statement that Google issued in May 2018, they also announced that in addition to a valid API key, from June 16th, 2018, a current Google Cloud Platform billing account (using a credit card) is required to access core products. Once billing is enabled, all users will get access to $200/month of free monthly usage in credits to use for Maps, Routes and Places products. You can check out their Pricing Sheet to get an idea of how much usage you may be able to get within the limit.

What Do These Changes Mean for Customers?

If you are using a website template or theme using Google Maps, It will stop working from June 16, 2018 even if you have added a valid API earlier. Now to continue using, you need to add a valid credit card to the Google Maps Platform. You may use the Google Maps Transition Guide to move your old Website & API  to the new platform.

Solution #1

You can keep using Google Maps just by adding acredit card. After the free monthly limit, you will be charged accordingly.

Solution #2

Use the Embed Google Maps. This will not come under the new platform, so you can keep using the embed version as lng as you want for free. No limits.

How to get the Embed Code from Google Maps: 

  1. Open https://www.google.com/maps
  2. Search your Location you want to share
  3. Click on the Share button on the left sidebar
  4. Now a popup will appear. Click on the “Embed a Map” Tab
  5. Click on the “Copy HTML” Link.
  6. Paste the copied code in your website’s HTML

Solution #3

Use third-party Maps API like Bing Maps or use an Open source maps platform like Open Street Maps.

Google Maps JS API Alternatives

  1. Map Box
  2. Map Fit
  3. Leaflet JS
  4. Bing Maps
  5. TomTom Maps API
  6. HERE Maps
  7. Location IQ
  8. Open Map Tiles
  9. Thunder Forest
  10. Map Cat
  11. Sygic Maps
  12. Open Layers

Still need help? Contact Support