How to get Google API keys

MapSVG needs 2 Google API keys:

  1. Maps JavaScript API key, which is required for:
    • Enabling Google Maps
    • Downloading a calibrated SVG file with a Google Map screenshot
  2. Geocoding API key, which is required for:
    • Adding markers by entering an address
    • Importing locations (as lat/lon or address) from a CSV file
    • Searching for a location on Google Map

Since summer 2018 Google requires providing billing details in order to use their API. There is a free quota of 28,000 Google Map views per month and 2,500 Geocoding API requests per day. You won't be charged if you don't exceed the limit.

Sign in to Google Cloud Console and provide your billing details.

Google Maps API and Geocoding API services will not work if you don't provide your card details to Google.

Then click on top-left navigational menu button and go to Menu > API & Services > Credentials: 1 Click on Create credentials > API key: 2 Click on Restrict key: 3 Change the name of the key to "Maps JavaScript API key".

Select Application Restrictions > HTTP referrers\ and enter 2 URLs as follows:

  • https://**

If you don't have SSL then begin the URL with http:// and not https:// 4 Now go back and create one more key, name it "Geocoding API key". This key should be restricted by IP of your website. You can find IP of your website on this page. Choose Application restrictions > IP addresses and enter your IP address: 5 Now you need to enable Maps JavaScript API & Geocoding API for you account. Go to Menu > API & Services > Library: 6 Enter "Geocoding" in the search bar and click on Geocoding API block: 7 Click on "Enable" button if API is not enabled yet: 8 Go back and enter "Maps Javascript" in the search bar, and click on Maps JavaScript API block. Enable it too: 9 Now go to MapSVG, click on Google API keys button and add both keys: 9 That's it! Now you can use services provided by Google.

If you did all steps above and Google Maps are not working in MapSVG or if you can't add markers - open Google Cloud console > Menu > API & Services > Library again. Turn off both APIs and enable them again.