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.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
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?.
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.
- 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.
Several pins on one Google Map look like this.
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.
- 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.
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.
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 definedin 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
- How to add custom marker in Google Maps in Elementor?
- How to generate Elementor Google Maps Widget API Key?
Watch the Video
