Google maps require an API key in order to show the map.

Get the API key

Step 1. Go to the Google API Console.

Step 2. From the dropdown choose Create a Project and click Continue

Step 3. Click What Credentials Do I Need?

Step 4. Copy the API Key

Please Note: To use the Google Maps JavaScript API you must enable billing. Setting up restrictions is recommended.

Assign the API key

Navigate Zante or Himara → Google Map → Paste the copied API key to the API Key field.

• Get an API Key – https://developers.google.com/maps/documentation/embed/get-api-key

Step 5: Get a Map ID (Required for Custom Pins)

As of 2024, Google Maps requires a Map ID to use the modern “Advanced Markers” (custom icons). If you skip this step, your map markers may revert to the default red Google pins or disappear.

1. Go to the Google Cloud Console Map Management page.
2. Click the Create Map ID button at the top.
3. Fill in the details:
   • Map name: Enter a name (e.g., “Zante Website”).
   • Map type: Select JavaScript.
   • Implementation: Select Vector (Recommended) or Raster.
4. Click Save.
5. Copy the Map ID string (it looks like 8e0a97af93862123).
6. Paste it into Zante:
   • Go to your page in WordPress.
   • Edit the Google Map element in WPBakery.
   • Paste the code into the new Map ID field.

Tip: You can also use this Map ID to apply custom styles (like Dark Mode or Retro) directly from the Google Cloud Console. Any style changes you make in the cloud will automatically update on your website without needing to edit the code again.