---
title: "How to add custom marker in Google Maps in Elementor?"
url: https://theplusaddons.com/docs/elementor-google-maps-custom-marker/
date: 2023-02-04
modified: 2026-08-17
lang: en
author: "Aditya Sharma"
description: "The Google Map widget in The Plus Addons for Elementor lets you replace the default Google Maps pin with a custom marker image on any location. Use this to match..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-add-custom-marker-in-Google-Maps-in-Elementor_-1024x536.jpg
word_count: 554
---

# How to add custom marker in Google Maps in Elementor?

## 

- The Google Map widget in The Plus Addons for Elementor replaces the default Google Maps red pin with a custom marker image for any location.
- The Plus Addons for Elementor lets each location item under Content > Add Multiple Location Point use a different Pin Icon image, which suits multi-location maps and event or directory pages.
- The Image Size dropdown changes the custom marker size after the image is uploaded in the Pin Icon section, and the widget must be activated under The Plus Addons → Widgets.

The Google Map widget in The Plus Addons for Elementor lets you replace the default Google Maps pin with a custom marker image on any location. Use this to match the map pin to your brand, highlight a specific type of location, or differentiate multiple pins on a single map.

*To check the complete feature overview documentation of The Plus Addons for Elementor Google Map widget, [click here](https://theplusaddons.com/docs/google-maps-elementor-widget-settings-overview/).*

**Best Used For:**

- Business location pages that need a branded custom map pin instead of the default Google red marker

- Multi-location maps where each pin needs a different icon to indicate category or type

- Event or directory pages where the map markers represent distinct point types

## Required Setup

- [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- Make sure the Google Map widget is activated, to verify this visit The Plus Addons → Widgets → and Search for **Google Map** and activate.

## How to Activate the Google Map Widget?

Go to

- **The Plus Addons** → **Widgets**

- **Search** the widget name and **turn on the toggle.**

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-google-maps/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## How to Add a Custom Marker in Google Maps in Elementor?

To add a custom marker, add the Google Map widget to the page and follow these steps.

1. In the **Content** tab, go to **Add Multiple Location Point** and open the first location item.

![google map marker](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-marker.png)

2. In the **Pin Icon** section, upload your custom marker image. This image replaces the default Google Maps red pin icon for this location.

3. From the **Image Size** dropdown, adjust the size of the custom marker.

If you are using multiple location pins, you can set a different custom marker image for each pin by repeating this step inside each location item.

![google map marker preview](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-marker-preview.png)

***Suggested Read:** [How to Add Multiple Location Pins in Elementor Google Maps?](https://theplusaddons.com/docs/elementor-google-maps-multiple-locations-pin/)*

***Suggested Read:** [How to add Text info overlay above Google Maps in Elementor?](https://theplusaddons.com/docs/elementor-google-maps-text-overlay/)*

## FAQ

**How do I add a custom marker to Google Maps in Elementor?**
Add the Google Map widget from The Plus Addons for Elementor, go to **Content** > **Add Multiple Location Point**, open a location item, and upload your image in the **Pin Icon** section.

**Can I use a different custom marker for each location pin?**
Yes. Open each location item under **Add Multiple Location Point** and upload a separate image in the **Pin Icon** section for each one.

**How do I change the size of a custom Google Maps marker in Elementor?**
After uploading your custom marker in the **Pin Icon** section, use the **Image Size** dropdown to adjust the marker size.

**The custom marker is not showing on the Google Map in Elementor — how do I fix it?**
Make sure the Google Map widget is activated under **The Plus Addons → Widgets**. Then verify that an image is uploaded in the **Pin Icon** section of the correct location item and that your Google Maps API key is set up correctly.

**Where do I set up the Google Maps API key in Elementor?**
You set up the Google Maps API key in the Elementor settings. See [How to generate Elementor Google Maps Widget API Key?](https://theplusaddons.com/docs/generate-elementor-google-maps-api-key/) for the full steps.

## Related Docs

- [Google Maps Elementor Widget Settings Overview](https://theplusaddons.com/docs/google-maps-elementor-widget-settings-overview/)

- [How to Add Multiple Location Pins in Elementor Google Maps?](https://theplusaddons.com/docs/elementor-google-maps-multiple-locations-pin/)

- [How to add Text info overlay above Google Maps in Elementor?](https://theplusaddons.com/docs/elementor-google-maps-text-overlay/)