---
title: "How to Add Multiple Location Pins in Elementor Google Maps?"
url: https://theplusaddons.com/docs/elementor-google-maps-multiple-locations-pin/
date: 2024-01-02
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "One map, several pins: a shop per city, every branch of an office, each stop on a route. The Google Map widget in The Plus Addons for Elementor keeps its..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-add-multiple-locations-pin-in-Google-Maps-Elementor_-1024x536.jpg
word_count: 1009
---

# How to Add Multiple Location Pins in Elementor Google Maps?

## 

- The Plus Addons for Elementor Google Map widget stores locations in a repeater, so it adds as many pins as needed by clicking ADD ITEM for each row.
- Google Map uses Content > Add Multiple Location Point with Latitude Value, Longitude Value, and Address text for Tooltip, while Open Street Map uses Add Location Point with Point Name, Latitude & Longitude, and Popup Message.
- Drawline Enable joins points that share the same Connection ID in the order they appear in the repeater, and Style > OSM Polyline Setting > Line Color sets one colour for the whole map.
- Google Map version 6.5.0 draws in the Elementor editor but leaves an empty space on the published page with tp_map_gmap is not defined, while Open Street Map is not affected.

One map, several pins: a shop per city, every branch of an office, each stop on a route. The **Google Map** widget in The Plus Addons for Elementor keeps its locations in a repeater, so you add as many as you need by adding rows.

The field is called **Add Multiple Location Point** on the **Google Map** map type and **Add Location Point** on the **Open Street Map (OSM)** map type.

*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/).*

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

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

## Before You Start

- **Edition:** **Pro** — the Google Map widget ships only with The Plus Addons for Elementor Pro. With the free plugin alone it is shown in the Elementor panel as a locked Pro widget and cannot be added to a page.- **Widget to enable:** Google Map, switched on under **The Plus Addons > Widgets** (search for it under **Essential**).- **Two map types:** **Google Map** needs a Google Maps API key, **Open Street Map (OSM)** needs none. You choose between them in **Layout > Map Type**.- **API key:** the **Google Map** map type only draws once a Google Maps API key is saved under **The Plus Addons > Extra Options > Settings > Google Map API**. See [How to generate Elementor Google Maps Widget API Key?](https://theplusaddons.com/docs/generate-elementor-google-maps-api-key/).

## Add Several Pins on a Google Map

- Select the widget and open **Content > Add Multiple Location Point**.- Open the first row and fill in **Latitude Value**, **Longitude Value** and **Address text for Tooltip**. The address text is what shows when a visitor clicks the pin.- Click **ADD ITEM** and repeat for every other location.

![Add Multiple Location Point with three location rows and the ADD ITEM button](https://theplusaddons.com/wp-content/uploads/2026/09/gmaps-add-item.webp)

- Open **Map Style > Map Zoom** and pull it back until every pin fits in view. It runs from 1 for the whole world to 25 for a single street; the default is 15, which is close enough that far-apart pins fall off the map.

![Map Zoom slider in the Map Style section](https://theplusaddons.com/wp-content/uploads/2026/09/gmaps-zoom.webp)

Several pins on one Google Map look like this.

![A Google Map with several location pins on it](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-multi-location-preview-1024x473.png)

## Add Several Points on an Open Street Map

- Set **Layout > Map Type** to **Open Street Map (OSM)**.- In **Content Source > Default Screen**, type the latitude and longitude the map should open on, separated by a comma — somewhere in the middle of your points.- Open **Add Location Point**, fill in the first point's **Point Name**, **Latitude & Longitude** and **Popup Message**, then add a row per extra point.

![A location point open, showing Point Name, Latitude & Longitude and Popup Message](https://theplusaddons.com/wp-content/uploads/2026/09/gmaps-osm-latlng.webp)

- Set **OSM Map Setting > Zoom Level** so all the points fit. It runs from 1 to 20 and starts at 2, which shows the whole world.

![Published page with three OpenStreetMap markers and the layers box listing them by name](https://theplusaddons.com/wp-content/uploads/2026/09/gmaps-result-osm-multi.webp)

## Join the Points With a Line

- Open a point and click **Drawline Enable** to open its popover.- Switch on **Drawline Enable Popup** and give the point a **Connection ID**, for example `route`.- Repeat on every point that should be on the same line, using the same **Connection ID**. The line follows the order the points are in.- Set the colour under **Style > OSM Polyline Setting > Line Color**.

![The Drawline Enable popover with Drawline Enable Popup on and a Connection ID](https://theplusaddons.com/wp-content/uploads/2026/09/gmaps-osm-polyline.webp)

![Published OpenStreetMap map with three markers joined by a red line](https://theplusaddons.com/wp-content/uploads/2026/09/gmaps-result-osm-polyline.webp)

## Settings That Matter With Several Pins

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Map Zoom** (Google Map) | 1 (whole world) to 25 (one street) | 15 |
| **Zoom Level** (OSM) | 1 (whole world) to 20 (street level) | 2 |
| **Default Screen** (OSM) | Where the map opens, as latitude, longitude | 28.6076, 77.2254 |
| **Popup Type** (OSM) | **Tooltip** shows the message on hover, **Popup** on click, **None** shows nothing | Tooltip |
| **Default ON** (OSM) | Whether a point is drawn when the page opens | Show |
| **Marker Clustering** (Google Map) | Groups pins that sit close together. It is in **Map Options** and is the one entry there that is off by default. | Off |

## How It Behaves

- **There is no cap on rows.** Add as many locations as you need.- **OSM lists every point by name.** The layers box in the top right corner shows each point's **Point Name** as a checkbox, so a visitor can hide and show them one at a time. Points with an empty name still appear, under a generated label.- **A point switched off with Default ON is still listed.** It is not drawn when the page opens, but the visitor can tick it on in the layers box.- **One line per Connection ID.** Points that share an ID are joined in the order they appear in the repeater, so reordering rows changes the shape of the line.

## Limitations

- **Google Map map type, version 6.5.0:** a widget set to **Map Type > Google Map** draws in the Elementor editor but leaves an empty space on the published page, with `tp_map_gmap is not defined` in the browser console. This happens with or without a valid API key. **Open Street Map (OSM)** is not affected.- **The line has one colour for the whole map.** **Line Color** is a widget-level setting, so two separate routes on one map cannot be coloured differently.- **OSM markers can be dragged.** When **Popup Type** is **Tooltip** or **None** a visitor can pull a pin away from its location. Setting it to **Popup** locks the pins in place.- **Coordinates only.** There is no address search; every point needs its latitude and longitude typed in.

## Troubleshooting

### Only some of the pins are visible

The map is zoomed in too far. Lower **Map Style > Map Zoom** on a Google Map, or **OSM Map Setting > Zoom Level** on an Open Street Map, until every pin is in frame.

### The map opens somewhere else entirely

On an Open Street Map, **Default Screen** decides where the map opens, not the points. Set it to a latitude and longitude in the middle of your points.

### No pins at all on the published page

If **Map Type** is **Google Map**, nothing is drawn on the front end in version 6.5.0. Switch the widget to **Open Street Map (OSM)** if you need the map live now.

### The line does not appear

Every point on the line needs **Drawline Enable Popup** switched on and the same **Connection ID**. A single point with an ID of its own draws nothing.

## Related Docs

- [Google Maps Elementor Widget Settings Overview](https://theplusaddons.com/docs/google-maps-elementor-widget-settings-overview/)- [How to add custom marker in Google Maps in Elementor?](https://theplusaddons.com/docs/elementor-google-maps-custom-marker/)- [How to generate Elementor Google Maps Widget API Key?](https://theplusaddons.com/docs/generate-elementor-google-maps-api-key/)

## Watch the Video

https://youtu.be/vKcE8D53sug?si=xDNtWM68J6EDnf6l

## Frequently Asked Questions

**Q: Why are only some pins visible on my Elementor Google Maps widget?**
A: The map is usually zoomed in too far. Lower Map Style > Map Zoom on a Google Map, or OSM Map Setting > Zoom Level on an Open Street Map, until every pin fits in frame. The page notes that Google Map zoom runs from 1 to 25 and the default is 15, so far-apart locations can drop out of view fast. With multiple branches or stops, start wider and tighten only if the cluster still reads clearly.

**Q: Can I use Open Street Map instead of Google Maps for multiple location pins?**
A: Open Street Map works for multiple points and does not need a Google Maps API key. In this setup, the map opens from Content Source > Default Screen, then each point is added under Add Location Point with its Point Name, Latitude & Longitude, and Popup Message. That makes OSM the practical fallback when you want a live map without the Google Maps API key requirement.

**Q: How do I connect multiple map points with one line?**
A: The line is controlled per point through Drawline Enable Popup and a shared Connection ID. Every point that should belong to the same route needs the same ID, and the line follows the order of the rows in the repeater. That means row order changes the shape of the route, so reordering points is part of designing the path. Line Color is set once for the whole map under Style > OSM Polyline Setting.

**Q: Why does my Open Street Map open in the wrong place?**
A: Default Screen controls where an Open Street Map opens, not the points themselves. The page says to set it to latitude and longitude in the middle of your points, because OSM can otherwise center somewhere unrelated to your markers. A good default screen keeps all locations in frame before visitors start zooming or toggling layers.

**Q: Why do no pins show up on the published page?**
A: Google Map has a known front-end issue in version 6.5.0 where nothing is drawn on the published page, even if it appears in the Elementor editor. The page says this happens with or without a valid API key and shows tp_map_gmap is not defined in the browser console. If you need a live map right now, switch Map Type to Open Street Map (OSM).

**Q: What settings matter most when adding several pins to a map?**
A: Map Zoom for Google Map, Zoom Level for OSM, Default Screen for OSM, Popup Type for OSM, Default ON for OSM, and ShowMarker Clustering for Google Map are the settings that change how multi-pin maps behave. The Plus Addons for Elementor by POSIMYTH uses marker clustering to group close pins on Google Map, while OSM lets visitors hide and show named points from the layers box. Those settings decide whether a crowded map stays readable or turns into visual noise.