> For the complete documentation index, see [llms.txt](https://ovatheme.gitbook.io/brw/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ovatheme.gitbook.io/brw/brw-menu/settings/google-and-map.md).
# 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](https://console.cloud.google.com/)
* **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
{% stepper %}
{% step %}
### Create API Key in google
* [Click here to register google api key](https://console.cloud.google.com/)
* **Create a project**
* **Create APIs and Services**
{% endstep %}
{% step %}
### **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
{% endstep %}
{% endstepper %}
#### 1.2) Setup Google Calendar service
{% stepper %}
{% step %}
### You have to create API Key
Register an API key like [step 1 above](#create-api-key-in-google)
{% endstep %}
{% step %}
### Enable the Google Calendar API
{% endstep %}
{% step %}
### Create Client ID
From Main Menu click OAuth consent screen
{% endstep %}
{% step %}
### 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.
{% endstep %}
{% endstepper %}
### 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
