Skip to main content

How to Get Map & Place API Key

eStay uses two Google APIs:

APIPurpose
Maps JavaScript APIDisplay property locations on map
Places APILocation search and autocomplete

Both are enabled under the same Google Cloud project and the key is added to .env.

Step 1 — Open Google Cloud Console​

Go to https://console.cloud.google.com and select or create your project.

GCP Console

Step 2 — Enable Maps JavaScript API​

  1. Go to APIs & Services → Library
  2. Search Maps JavaScript API
  3. Click it → press Enable

Enable Maps JavaScript API

Step 3 — Enable Places API​

  1. Stay in APIs & Services → Library
  2. Search Places API
  3. Click it → press Enable

Enable Places API

Step 4 — Open Credentials Page​

Go to APIs & Services → Credentials.

GCP Credentials

Step 5 — Create Map API Key​

  1. Click + Create Credentials → API Key
  2. Key is generated

Create Map API Key

  1. Copy the key

Copy Map API Key

Step 6 — Create Place API Key​

  1. Click + Create Credentials → API Key again
  2. Key is generated

Create Place API Key

  1. Copy the key

Copy Place API Key

Step 7 — Add Map Key to .env​

Open .env in the project root and paste the Maps JavaScript API key:

NEXT_PUBLIC_MAP_API_KEY=your-maps-javascript-api-key

Map API Key in env

Step 8 — Add Place Key to Admin Panel​

Place API key goes into the admin panel, not .env.

  1. Open your admin panel
  2. Go to Settings → System Configure → API Integrations
  3. Find Google Place API
  4. Paste your Place API key into Google Place API Key field
  5. Click Save Settings

Paste Place API Key in Admin

warning

Restrict both keys to your domain in Google Cloud Console → Credentials → Edit Key → Website restrictions. Unrestricted keys are a billing risk.