πŸ“–
Documentation
  • πŸ‘‹TheBooking
  • Overview
    • ✨Main Features
  • Fundamentals
    • πŸ”ŒInstallation & Update
    • πŸ› οΈGetting set up
      • πŸ“Creating Services
      • πŸ§‘Defining Providers
      • πŸ™‹Availability
      • πŸ—“οΈPlacing widgets
        • WordPress Block Editor
        • Elementor
    • πŸ’»Booking workflow
  • Integrations
    • πŸ“…Google Calendar
      • Google Project Setup
      • Connecting a Google Account
      • Providing Availability (3-way)
      • Create events after reservation
      • Block availability when busy
      • Google Meet
    • πŸ—ΊοΈGoogle Maps
    • 🎦Zoom Integration
  • Guides
    • πŸ“±Customizing the Frontend
    • πŸ’²Activating Payments
  • Services
    • Overview
    • Settings
      • General
      • Frontend
      • Approval
      • Cancellation
      • Payments
      • Access
      • Redirect and conversions
    • Personal settings
      • Personal Availability
      • Behavior
      • Overlapping
      • Personal notifications
    • Notifications
    • Booking form
  • Promotions
    • Overview
    • Settings
      • General
      • Advanced
      • Target services
  • Translations
    • Language files
    • Create translations
    • Upgrading custom translations
    • WPML
  • Troubleshooting
    • Email notifications not sent
  • FAQ
    • Services
    • Payments
    • Notifications
Powered by GitBook
On this page
  • Google Maps API key
  • Obtaining a Google Maps API key

Was this helpful?

  1. Integrations

Google Maps

TheBooking has a pretty nice Google Maps integration to show the location of your services

PreviousGoogle MeetNextZoom Integration

Last updated 2 years ago

Was this helpful?

Google Maps API key

To unleash the power of Google Maps integration, you need a Google Maps API key (mandatory in order to use Google Maps since 22nd of June, 2016).

If you already have a Google Maps API key (perhaps in your WordPress theme settings?) just go to Settings > Google Maps and put it there.

Don't you have a Google Maps API key? Just keep reading.

Obtaining a Google Maps API key

Click on Credentials and then Create cedentials. Finally, choose API key.

Click on Browser key

Choose a name for the key (e.g. My Maps Key) in the first field, and insert the referrer in the second field. So if your site domain is http://www.mysite.com you should insert *.mysite.com/* then press Create.

Copy the key somewhere and press OK.

Go to Overview and click on (or search for) Google Maps JavaScript API.

Hit Enable.

Repeat the last step for the Google Maps Geocoding API and Google Places API Web Service as well.

If you need the address autocomplete and the real-time directions features, repeat the last step for the Google Maps Directions API also.

Go to the and open it.

πŸ—ΊοΈ
Google API console