Problem: I would like to display an HTML page in an Elementor Popup, using a URL to a Google Map.
Solution: You can't embed the Google Maps site in an iframe. Instead, you could use the Google Maps static map API to display an image, or you could use a dynamic Toolset Map, or you could implement the Google Maps embed API.
Here's an example of a static map tag using a Toolset field to store an address:
<img src="https://maps.googleapis.com/maps/api/staticmap?center=[types field='address-field-slug' output='raw'][/types]&zoom=13&size=300x150&maptype=roadmap&markers=color:red&key=YOURAPIKEY" />
Relevant Documentation:
https://developers.google.com/maps/documentation/
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
Sun | Mon | Tue | Wed | Thu | Fri | Sat |
---|---|---|---|---|---|---|
8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 18 replies, has 2 voices.
Last updated by 5 years, 3 months ago.
Assisted by: Christian Cox.