Skip to main content

How to create a map token?

A Step-by-Step Guide for Google Maps, Mapbox, and OpenStreetMap

Updated this week

This guide provides clear instructions for configuring mapping services within your Pasilobus Store Locator app.

In this section

Google Maps

Google Maps offers comprehensive mapping capabilities that require an API key for authentication. Follow these steps to obtain your key:

  1. Access Google Cloud Console:

  2. Create or Select a Project:

    • Finish account setup and add your billing information.

    • Choose an existing project or click “My Project > New Project” to create one. Provide your project with a name and click “Create”.

  3. Enable Required APIs:

    • Navigate to the “APIs & Services” dashboard and click “Enable APIs and Services”.

    • Enable the Maps JavaScript API.

  4. Generate an API Key:

    • In the “Credentials” tab, click “Create Credentials” and select “API key”.

    • Copy the generated API key for use in your app.

  5. Secure Your API Key:

    • After generating your API key, click the pencil (edit) icon next to it.

    • Under Application restrictions, choose "Websites" and add your store’s domains (e.g.,https://yourdomain.com/*, https://your-store.myshopify.com/*).

      This ensures that only your website can use the key, protecting it from unauthorized use.

  6. Integrate the API Key:

Mapbox

Mapbox provides highly customizable maps that require an access token. Follow these steps to secure your token:

  1. Sign Up or Log In:

    • Visit the Mapbox website and either sign up for a new account or log in with your existing credentials.

  2. Navigate to Your Account Settings:

    • Access your account dashboard and select your profile or account settings.

    • Find the “Tokens” section where you can manage access tokens.

  3. Copy Token:

    • DO NOT use default public token

    • Click “View all tokens > Create a token”.

    • Configure the token’s permissions as needed and add your website URL to restrict token to your online store.

    • Copy the generated access token.

  4. Integrate the Access Token:

    • Add the API key to your Pasilobus Store Locator settings.

For further information, see the Mapbox API Documentation.

OpenStreet Map

OpenStreetMap is an open-source solution and does not require an API token for usage. It’s a great option for small to mid-size merchants who want to avoid vendor lock-in or additional costs.

For enterprise-level use, however, we recommend using a paid OpenStreetMap-compatible service. These services often offer higher availability, faster response times, and dedicated support — important factors for production environments with heavy traffic.

While OpenStreetMap itself remains free, you can support the project and its infrastructure by making a donation to the OpenStreetMap Foundation:

Did this answer your question?