How to register a free Google Maps API key

Google has changed the Google Maps API on June 22nd 2016, requiring a mandatory Google API key for all sites, which call the Google Maps API services for the first time after June 22nd 2016 – full details here.

As a consequence Google Maps basemaps are disabled by default for all new installations since Leaflet Maps Marker v3.11 and Maps Marker Pro v2.8.

So if you want to use Google Maps as basemaps, you need to register a free API key that can be obtained from the Google API Console and enable the “Google Maps Javascript API” within Maps Marker Pro respectively Leaflet Maps Marker.

Tutorial: how to register for a free Google Maps API key and enable Google basemaps for Maps Marker Pro / Leaflet Maps Marker

Prerequisite: you must have a Google account to generate a key for Google Maps Javascript API.

  1. Go to the Google Maps Javascript API console
  2. Click ‘Get A Key’.
    google-get-key
  3. Sign in with your Google Account (or create a new one first)
  4. a. If you want to use an existing project, please select it from the list.
    b. Otherwise, select ‘Create a new project’, enter a project name and click on “Create an enable API”:
    google-new-project
  5. Copy the generated key from the popup
    google-api-key
  6. Optional, but recommended to prevent quota theft: click on the link “API Console” below your API key and set a HTTP referrer for your key so that it can only be used on your domains:
    – choose “HTTP referrers (web sites)” from “Key restrictions”
    – enter your domain(s) in the format *.yourdomain.com/* to “Accept requests from these HTTP referrers (web sites)”
    – finish by clicking the “Save” button
    google-js-http-referrer-restriction
  7. Optional: Enable billing. See Usage Limits for more information.
  8. Log in on your WordPress Admin and navigate to Maps Marker Pro / Settings:
    google-mmp-nav1
  9. navigate to Basemaps / “Google Maps Javascript API”, enable “Google Maps Javascript API” enter your API key from step 9 into the field “Google Maps JavaScript API key” and press “Save Changes”:google-settings-enable-js-api

Done. Now you should be able to create new marker and layer maps using Google Maps as basemaps:

google-basemap-selection

If you experience any issues, please open a support ticket and we will be glad to help!