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.
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 installed & activated.
- You need to have The Plus Addons for Elementor 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.
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.
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.
Suggested Read: How to Add Multiple Location Pins in Elementor Google Maps?
Suggested Read: How to add Text info overlay above Google Maps in Elementor?
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? for the full steps.
