You're all set!

To start developing, please head over to our developer documentation.

Activate the Google Maps JavaScript API

To get you started we'll guide you through the Google Developers Console to do a few things first:

  1. Create or choose a project
  2. Activate the Google Maps JavaScript API
  3. Create appropriate keys
Continue

Getting Started with Your Store Locator

The Store Locator is a series of solutions that demonstrate displaying locations and data on a map. This guide shows you how to set up your environment to run the Store Locator solutions.

Get a Google Maps API key

Click the button below, which does the following:

  • Guides you through the process of registering a project in the Google API Console.
  • Automatically activates the Google Maps JavaScript API and any related services, the Google Street View Image API, and Google Cloud Storage.
  • Generates a generic, unrestricted API key.
Get a Key

During development and testing, you can use a single, unrestricted Google API key for all the Google APIs in your Store Locator. When you are ready to move your system into production, you must create separate API keys for each type of API, so that you can secure the keys by HTTP referrer or IP address. For help, see the pre-launch checklist.

Environment setup

gcloud is the powerful and unified command-line tool for Google Cloud Platform. Full documentation is available at https://cloud.google.com/sdk/gcloud.

Follow these steps to set up Google Cloud Platform:

  1. If you don't already have an account, you must create one.
  2. Sign in to Google Cloud Platform console.
  3. Click the Project drop down menu at the top of the screen, and select Create project.
  4. Enter a name for your project (for example, josies-cafe) and click CREATE, making note of your project ID for later. Insert your own project ID wherever you see YOUR_PROJECT_ID in the source code.

Activate Google Cloud Shell

  1. To activate Cloud Shell, from the Google Cloud Platform console, click the button on the top right-hand side. It should only take a few moments to provision and connect to the environment:

  2. Clicking on the above button opens a new shell in the lower part of your browser:

  3. In Cloud Shell, verify that you are authenticated, and that the project is already set to your YOUR_PROJECT_ID.

    • To see a list of credentialed accounts, run gcloud auth list.
    • To see a list of properties in your active configuration, run gcloud config list project.

If for some reason the project is not set, run the following command:

gcloud config set project <YOUR_PROJECT_ID>

Open the code editor

  • In the Cloud Shell toolbar, click the file icon, then select Launch code editor to open the code editor in a new tab. You can use this web-based code editor to easily edit files in the Cloud Shell instance.

Next step

Explore the Store Locator solutions.

Send feedback about...

Store Locator Solution
Store Locator Solution
Need help? Visit our support page.