Google & Map

1: Google Services

Go to WooCommerce > Settings > Booking & Rental > Gogole & Map >> Choose "Google" option

• API Key: This API applies to Google services such as Maps and Calendar. Click here to register google api key

• Map Zoom: zoom of map at frontend

• Default Latitude Map: Default position of Map.

• Default Longitude Map: Default position of Map.

• Client ID: Only applies when syncing with Google Calendar

1.1) Setup Google Map service

1

Create API Key in google

• Click here to register google api key

• Create a project

• Create APIs and Services

2

Restrict some services

Only Enable 6 services

• Maps Javascript API

• Places API

• Places API new

• Geocoding API

• Geolocation API

• Directions API

• Copy API Key and insert to "API Key" setting.

• Use the map at frontend

Booking Form

Product Detail page

1.2) Setup Google Calendar service

1

You have to create API Key

Register an API key like step 1 above

2

Enable the Google Calendar API

3

Create Client ID

From Main Menu click OAuth consent screen

4

Sync orders from your site to Google Calendar.

You need to sync the order to the Google Calendar linked to the email address registered with Google Calendar.

2: Open Street Map Settings

a) Settings

Go to WooCommerce > Settings > Booking & Rental > Google & Map > choose "OpenStreetMap" option.

• Libs: Pick features for your map system "suggest locations while typing" and Draw routes & calculate distance

• Map Zoom: Zoom of map at frontend

• Latitude Map default: Default position of Map.

• Longitude Map default: Default position of Map.

b) Display in the frontend

Booking Form

Product Detail Page