Google Maps API

🌍 Google Maps API Integration

Integrate powerful and fully customizable Google Maps directly into your website using the Google Maps API. This enables accurate geolocation, interactive maps, and local business data — perfect for contact pages, store locators, and review-based widgets.

🔧 How to Activate Google Maps API

1. Go to API Settings

Navigate to:
WordPress Admin → Topper Pack → API Settings

2. Enter Your API Key

Paste your Google Maps API key into the field under Activate Google Maps API.

3. Generate Your API Key

If you don’t have a key:

• Visit Google Developers Console
• Create a new project or use an existing one.
• Enable these APIs:
  • Maps JavaScript API
  • Places API (required for location autocomplete and reviews)
• Go to Credentials → Create API Key
• Copy the key and paste it into the Topper Pack API field.

4. Save Changes

Click Save Settings to apply the key. Your maps and map-based widgets will now function correctly.

✅ Key Benefits

• Display interactive maps with custom styles
• Use location search and place markers
• Enable user geolocation
• Required for the Advanced Google Map widget
• Supports business reviews and Places Autocomplete

⚠️ Notes

• The Google Maps API may require billing to be enabled on your Google account.
• Make sure to restrict your API key to avoid misuse (use HTTP referrer restrictions).