Google Maps in Crocal

New Google Maps rules from June 2018 and big changes to the way they allow the use of their API. The most important change is that you must add a credit card in their API. Besides that, there are also specific limits for free use.

Please check these related articles – in case that you haven’t already heard.

It is also worth noting that we also provide an alternative solution (OpenStreetMap ) if someone does not want to link a credit card in the Google API Console and use the Google Maps.

Where to place the Google API Key in Crocal.

From June 22th 2016 Google requires you to use an API KEY to display the maps you need on your website.

So please:

  1. Generate an API key from by following the detailed instructions by Google.
  2. Place your API key in the related field in Theme Options > Utilities > Map Options.
  3. You are ready!

Google Map Crocal



NOTE: You need a browser API key and enable the Google Maps JavaScript API in the API library. Don’t add any domain restrictions in this API key for your tests.



Custom style for your Google Maps.

Crocal provides 2 different ways to customize your Google maps as you wish.

Firstly, after enabling the Custom Style you can see quite a few options to style your maps.

Custom Maps Crocal

Additionally, you can style every detail on your maps by creating your JSON file – Styling Wizard Google Maps API.
You can just paste it under Custom Code field.

Custom Maps Crocal

Was this article helpful?

Related Articles