> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Google Maps not displaying on the live site

Google Maps is an external service that lets you display your business's location in an interactive way. You can add a Map element to any block on your website. However, if it appears to be not working properly on the live site, this article will help you troubleshoot most common issues.

### 1. Check that you added a Google Maps API key

For the Map to work, you have to add a unique API key obtained from Google. This key basically authorizes your website to use the Map and lets your visitors interact with the Map properly. More on this — in our [Adding the API key to Google Maps](https://help.weblium.com/en-us/article/adding-the-api-key-to-google-maps-lyh6u1/) article.

### 2. Check for the errors in the Console

Sometimes, even if the API key has been added properly, the Map still may not be working. This could be due to a billing issue on Google's end or missing authorization. Here's how you can check your issue.

1. Open the live site. 
2. Open the **Developer Tools** in the browser you are using. If you are using Chrome, open the menu in the browser window, select the option "More Tools," and then "Developer Tools":

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1vdxj8h.png)

3. Navigate to the **Console** tab:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1w5dr9a.png)

4. Find a message for the Google Maps error. Usually there is the error name and a link to the Google Maps Help Center that will give more clarifications on how to resolve the issue. For example, on the screenshot below you can see that the error is called `ReferrerNotAllowedMapError`. If you click on the link beneath that error, you'll get a clearer explanation: https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error.

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_18x1li8.png)

5. Make sure to follow the guides from Google Maps to resolve any issues with displaying their service on your website.

If you are still struggling to resolve the error, contact us in chat.