Google Maps has specific rules for the way they allow the use of their API. You must add a credit card to the API to be able to use it. Besides that, there are also specific limits for free use.
Please check these related articles – https://mapsplatform.googleblog.com/2018/05/introducing-google-maps-platform.html – https://cloud.google.com/maps-platform/pricing/sheet/ in case you haven’t already heard.
It is also worth noting that we also provide an alternative solution (OpenStreetMap – https://www.openstreetmap.org) if someone does not want to link a credit card in the Google API Console and use Google Maps.
Where to place the Google API Key in Vasty
From June 22nd, 2016 Google requires you to use an API KEY to display the maps you need on your website.
So please:
- Generate an API key from https://developers.google.com/maps/documentation/javascript/get-api-key by following the detailed instructions by Google.
- Place your API key in the related field in Theme Options > Utilities > Map.
- You are ready!
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.
Vasty 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.
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 the Custom Code field.



